:root{font-family:Songti SC,STSong,Georgia,serif;color:#2d372b;background:#f5f0e5;font-synthesis:none;--ink:#2d372b;--green:#566d52;--paper:#fffdf7;--coral:#d98269;--line:#d8d2c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f5f0e5}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(217,130,105,.35);outline-offset:2px}main{min-height:100vh;overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid rgba(45,55,43,.16)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.14em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:#f5f0e5;border-radius:50% 45% 48% 42%;font-size:15px}.privacy{font-family:system-ui,sans-serif;font-size:12px;color:#6d7469;display:flex;align-items:center;gap:8px}.privacy i,.dot-label i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#78906e;box-shadow:0 0 0 4px #78906e24}.hero{min-height:590px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:60px;align-items:center;padding:70px max(7vw,32px) 90px;position:relative}.hero:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(86,109,82,.15);border-radius:50%;left:-180px;top:45px}.eyebrow{font-family:system-ui,sans-serif;letter-spacing:.21em;font-size:11px;font-weight:700;color:var(--coral);margin:0 0 24px}h1{margin:0;font-size:clamp(43px,6vw,78px);line-height:1.18;font-weight:500;letter-spacing:-.05em}h1 em{color:var(--green);font-style:normal;position:relative}h1 em:after{content:"";position:absolute;height:7px;left:0;right:0;bottom:-7px;border-top:2px solid var(--coral);transform:rotate(-.5deg)}.intro{max-width:670px;font-family:system-ui,sans-serif;color:#697066;line-height:1.9;margin:42px 0 34px;font-size:15px}.principles{display:flex;flex-wrap:wrap;gap:12px 26px;font-family:system-ui,sans-serif;font-size:12px;color:#5e665c}.principles span{border-top:1px solid #b8b6ab;padding-top:10px;min-width:150px}.principles b{color:var(--coral);margin-right:7px}.paper-stack{height:420px;position:relative;display:grid;place-items:center}.paper{width:min(310px,83%);height:372px;position:absolute;box-shadow:0 18px 42px #35362a24}.paper.back{background:#a8b39b;transform:rotate(8deg) translate(16px,4px)}.paper.note{background:#fffaf0;transform:rotate(-4deg);padding:55px 42px 34px;border:1px solid rgba(74,68,52,.08)}.paper.note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0 34px,#4f5b4814 35px);pointer-events:none}.tape{width:100px;height:27px;position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(2deg);background:#dcb27694}.paper-date{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.22em;color:#8f887b}.scribble{font-size:28px;line-height:1.65;margin:45px 0 0;position:relative}.flower{color:var(--coral);font-size:36px;position:absolute;right:36px;bottom:58px}.paper-caption{position:absolute;left:42px;bottom:24px;font-size:10px;color:#908a7f}.workspace{background:#fffdf8;padding:76px max(7vw,32px) 90px;border-block:1px solid var(--line)}.section-heading{display:flex;gap:21px;margin-bottom:28px;align-items:flex-start}.section-no,.panel-title span{font-family:system-ui,sans-serif;color:var(--coral);font-size:11px;font-weight:800;border-bottom:2px solid var(--coral);padding-bottom:5px}.section-heading h2,.archive-head h2{margin:-7px 0 7px;font-size:clamp(26px,3vw,39px);font-weight:500}.section-heading p,.archive-head>div>p:last-child{font-family:system-ui,sans-serif;color:#788075;font-size:13px;margin:0}.input-card{background:var(--paper);border:1px solid #c8c4b8;box-shadow:7px 7px #d9d2c1;max-width:1100px}.input-toolbar{min-height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:11px 18px;gap:15px}.dot-label,.toolbar-actions{display:flex;align-items:center;gap:12px;font-family:system-ui,sans-serif;font-size:12px}.text-button,.file-button{border:0;background:none;cursor:pointer;color:#657060;padding:8px 10px;font-family:system-ui,sans-serif;font-size:12px}.text-button{text-decoration:underline;text-underline-offset:3px}.file-button{border:1px solid #bab7ab;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-button input{position:absolute;opacity:0;pointer-events:none}textarea{display:block;width:100%;min-height:245px;resize:vertical;border:0;background:transparent;padding:28px;color:var(--ink);line-height:1.9;font-family:system-ui,sans-serif;font-size:15px}textarea::placeholder{color:#aaa99f}textarea:focus{outline:0}.input-footer{min-height:76px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 15px 12px 27px;font-family:system-ui,sans-serif;font-size:11px;color:#8c8d85;gap:15px}.input-footer .over{color:#a33e35;font-weight:700}.primary-button{border:0;background:var(--ink);color:#fffdf7;min-width:210px;min-height:49px;padding:12px 17px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-family:system-ui,sans-serif;font-size:13px}.primary-button:not(:disabled):hover{background:var(--green);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.62}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.error-box{max-width:1100px;margin-top:22px;background:#f8e7df;border-left:4px solid var(--coral);padding:14px 17px;display:flex;align-items:center;gap:12px;font-family:system-ui,sans-serif;color:#78493c;font-size:13px}.error-mark{width:22px;height:22px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.error-box button{margin-left:auto;border:0;background:#78493c;color:#fff;padding:8px 12px;cursor:pointer;white-space:nowrap}.loading-journal{margin:48px auto;max-width:800px;padding:28px 34px;border:1px dashed #9da694;display:flex;align-items:center;gap:22px;background:#fffdf78f;font-family:system-ui,sans-serif}.loader-flower{font-size:32px;color:var(--coral);animation:spin 2.8s linear infinite}.loading-journal b{font-family:Songti SC,serif;font-size:18px}.loading-journal p{margin:5px 0 0;font-size:12px;color:#747a70}.page-dots{margin-left:auto;display:flex;gap:4px}.page-dots i{width:5px;height:5px;background:var(--green);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.page-dots i:nth-child(2){animation-delay:.15s}.page-dots i:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.2;transform:translateY(-3px)}}.archive{padding:90px max(7vw,32px) 110px}.archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid #bbb9ad;padding-bottom:28px;margin-bottom:48px}.archive-head .eyebrow{margin-bottom:15px}.export-button{border:1px solid var(--ink);background:transparent;padding:13px 17px;cursor:pointer;font-family:system-ui,sans-serif;font-size:12px;white-space:nowrap}.export-button:hover{background:var(--ink);color:#fff}.result-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:55px}.panel-title{display:flex;align-items:center;gap:13px;margin-bottom:27px}.panel-title h3{margin:0;font-weight:500;font-size:20px}.timeline{margin-left:59px;border-left:1px solid #9da495;padding-left:35px}.timeline-group{position:relative;margin-bottom:39px}.timeline-group:before{content:"";position:absolute;left:-42px;top:8px;width:13px;height:13px;background:#f5f0e5;border:2px solid var(--green);border-radius:50%}.date-tag{color:var(--coral);font-family:system-ui,sans-serif;font-weight:700;font-size:12px;margin-bottom:10px}.events{display:grid;gap:10px}.event-card{background:#fffdf7cc;border:1px solid #d2cec1;padding:18px 20px}.category,.table-chip{font-family:system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;background:#e4e9de;color:#506049;padding:4px 7px;display:inline-block}.event-card p{line-height:1.7;margin:11px 0 4px}.event-card small{font-family:system-ui,sans-serif;color:#8b8d84;font-size:10px}.quotes-panel{border-left:1px solid #cbc7b9;padding-left:38px}.quote-card{background:#e3e9df;padding:27px 24px 20px;margin-bottom:16px;position:relative}.quote-card:nth-child(3n){background:#f1ddd3;transform:rotate(.5deg)}.quote-card:nth-child(3n+1){background:#ebe4ce;transform:rotate(-.5deg)}.quote-mark{font-size:42px;line-height:.6;color:var(--coral)}blockquote{margin:13px 0 20px;font-size:16px;line-height:1.7}.quote-card p{margin:0;font-family:system-ui,sans-serif;font-size:10px;color:#6d7469}.table-panel{margin-top:75px}.table-scroll{overflow-x:auto;border:1px solid #c9c5b8;background:#fffdf7a6}table{width:100%;border-collapse:collapse;min-width:830px;font-family:system-ui,sans-serif;font-size:12px}th{background:var(--ink);color:#fffdf7;text-align:left;font-weight:500;letter-spacing:.06em}th,td{padding:15px 17px;border-right:1px solid #d9d5c8;border-bottom:1px solid #d9d5c8;vertical-align:top;line-height:1.65}tbody tr:hover{background:#fffdf7}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 18px;font-family:system-ui,sans-serif;font-size:12px;box-shadow:0 10px 30px #0003;z-index:10}footer{min-height:150px;background:var(--ink);color:#f5f0e5;padding:48px max(7vw,32px);display:flex;align-items:flex-start;justify-content:space-between;gap:25px}footer span{font-weight:700;letter-spacing:.15em}footer p{font-family:system-ui,sans-serif;margin:0;color:#aeb7a9;font-size:12px}@media(max-width:780px){.topbar{height:68px;padding:0 20px}.privacy{display:none}.hero{grid-template-columns:1fr;gap:15px;padding:54px 22px 66px}h1{font-size:clamp(40px,12vw,58px)}.intro{margin-top:34px}.paper-stack{height:330px}.paper{height:300px;width:235px}.paper.note{padding:42px 31px 25px}.scribble{font-size:22px;margin-top:27px}.flower{bottom:43px}.paper-caption{left:31px;font-size:8px}.workspace,.archive{padding:58px 20px 70px}.input-toolbar{align-items:flex-start}.toolbar-actions{flex-direction:column;align-items:flex-end;gap:2px}textarea{min-height:280px;padding:21px}.input-footer{align-items:stretch;flex-direction:column;padding:14px}.primary-button{width:100%}.error-box{align-items:flex-start;flex-wrap:wrap}.error-box button{width:100%;margin:4px 0 0}.loading-journal{margin:30px 20px;padding:22px}.page-dots{display:none}.archive-head{align-items:flex-start;flex-direction:column}.export-button{width:100%}.result-grid{grid-template-columns:1fr;gap:50px}.timeline{margin-left:9px}.quotes-panel{border:0;padding:0}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}