:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#28251f;--paper:#f8f1e4;--paper-deep:#eee2cc;--ink:#28251f;--ink-soft:#6f6658;--line:#69594238;--cinnabar:#98372e;--cinnabar-deep:#75271f;background:#eee5d3;font-family:Songti SC,STSong,Noto Serif CJK SC,Source Han Serif SC,serif}*{box-sizing:border-box}html{background:#eee5d3;min-height:100%}body{isolation:isolate;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% 8%,#fffcf4d1,#0000 32%),radial-gradient(circle at 86% 74%,#ddcdb057,#0000 38%),linear-gradient(118deg,#f3ead9 0%,#eee3cf 52%,#f6eedf 100%);margin:0;position:relative;overflow-x:hidden}body:before{z-index:-1;content:"";opacity:.72;pointer-events:none;background-image:repeating-linear-gradient(8deg,#0000 0 12px,#715b3a06 13px,#0000 14px 29px),repeating-linear-gradient(96deg,#0000 0 20px,#ffffff1f 21px,#0000 22px 43px);position:fixed;inset:0}button,textarea{font:inherit}.pageShell{width:min(920px,100%);margin:0 auto;padding:72px 24px 88px}.capsule{gap:28px;display:grid}.hero{max-width:680px;padding-left:5px}.eyebrow,.cardLabel{color:var(--cinnabar);letter-spacing:.24em;margin:0 0 10px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:650}.hero h1{letter-spacing:.08em;text-shadow:0 1px #ffffffb8;margin:0;font-size:clamp(44px,8vw,74px);font-weight:600;line-height:1.08}.subtitle{color:var(--ink-soft);letter-spacing:.08em;margin:18px 0 0;font-size:18px;line-height:1.8}.noteForm,.resultCard,.recallCard{background:radial-gradient(circle at 22% 18%,#ffffffb8,#0000 36%),linear-gradient(108deg,#faf5ebfa,#f4ebdbf5);border:1px solid #7460432e;border-radius:4px 7px 5px 3px;position:relative;box-shadow:0 24px 42px #5b462b24,0 3px 7px #5b462b1c,inset 0 1px #ffffffbf}.noteForm:after,.resultCard:after,.recallCard:after{z-index:0;content:"";pointer-events:none;border:1px solid #7e6a4d12;position:absolute;inset:7px}.noteForm>*,.resultCard>*,.recallCard>*{z-index:1;position:relative}.noteForm{gap:15px;padding:29px 30px 26px;display:grid}.noteForm label{letter-spacing:.06em;font-size:17px;font-weight:600}.noteForm textarea{resize:vertical;border:0;border-bottom:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);caret-color:var(--cinnabar);letter-spacing:.035em;background:0 0;border-radius:0;outline:none;padding:15px 4px;font-size:17px;line-height:1.9}.noteForm textarea::placeholder{color:#a69b89}.noteForm textarea:focus{border-bottom-color:#98372ead;box-shadow:0 2px #98372e14}.formFooter{color:#978b79;justify-content:space-between;align-items:center;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;display:flex}.formFooter button{background:linear-gradient(180deg, #ffffff14, transparent), var(--cinnabar);color:#fff8eb;cursor:pointer;letter-spacing:.12em;border:1px solid #691f1894;border-radius:3px;padding:11px 22px;font-family:Songti SC,STSong,serif;font-size:15px;font-weight:600;transition:background-color .16s,box-shadow .16s,transform .16s;box-shadow:0 6px 12px #5e261e30,inset 0 1px #ffffff29}.formFooter button:hover:not(:disabled){background-color:var(--cinnabar-deep);transform:translateY(-1px);box-shadow:0 8px 16px #5e261e3b,inset 0 1px #ffffff24}.formFooter button:focus-visible{outline-offset:3px;outline:2px solid #98372e6b}.formFooter button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 5px #5e261e33}.formFooter button:disabled{cursor:not-allowed;filter:saturate(.48);opacity:.46}.errorMessage{color:#7e2b25;background:#97372d17;border:1px solid #8f352b52;border-radius:3px;margin:0;padding:14px 16px}.resultArea{gap:20px;display:grid}.resultCard,.recallCard{padding:30px}.resultCard h2{letter-spacing:.035em;margin:0 0 24px;font-size:24px;font-weight:600;line-height:1.55}.patternGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;display:grid}.patternGrid div{background:#efe4d075;border:1px solid #74604324;border-radius:2px;padding:16px}.patternGrid dt{color:var(--cinnabar);letter-spacing:.08em;margin-bottom:8px;font-size:13px;font-weight:600}.patternGrid dd{color:#5f574b;margin:0;line-height:1.72}.keywords{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.keywords span{color:#6a6052;background:#fffcf561;border:1px solid #76604347;border-radius:999px;padding:6px 12px;font-size:13px}.recallCard{background:radial-gradient(circle at 78% 22%,#fff9,#0000 34%),linear-gradient(145deg,#efe0c5fa,#f9f1e2fa);border-color:#8a5b3742}.recallCard blockquote{color:#383129;letter-spacing:.035em;margin:14px 0 26px;font-size:21px;line-height:1.85}.recallCard footer{border-top:1px solid var(--line);color:#837665;justify-content:space-between;padding-top:14px;font-size:13px;display:flex}.emptyRecall{color:#887d6c;text-align:center;background:#f8f1e36b;border:1px dashed #7763476b;border-radius:3px;margin:0;padding:22px}@media (max-width:680px){.pageShell{padding:44px 16px 60px}.hero h1{letter-spacing:.05em}.subtitle{font-size:16px}.noteForm,.resultCard,.recallCard{padding:22px 20px}.patternGrid{grid-template-columns:1fr}.recallCard footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){.formFooter button{transition:none}}