@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Sans+SC:wght@400;500;600&display=swap";:root{--font-serif: "Lora", "Noto Serif SC", "Songti SC", serif;--font-script: "Caveat", "KaiTi", cursive;--font-sans: "Noto Sans SC", system-ui, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font-family:inherit}a,button{-webkit-tap-highlight-color:transparent}::selection{color:#f6f1e8;background:#8b5e3c}.diary-app{--paper: #f6f1e8;--paper-deep: #ebe4d6;--ink: #1c1917;--ink-soft: #57534e;--ink-muted: #78716c;--line: rgba(28, 25, 23, .14);--accent: #8b5e3c;--accent-soft: rgba(139, 94, 60, .12);--sidebar-w: 220px;min-height:100vh;display:flex;color:var(--ink-soft);background-color:var(--paper);background-image:radial-gradient(circle at 12% 8%,rgba(139,94,60,.06),transparent 36%),radial-gradient(circle at 88% 92%,rgba(28,25,23,.04),transparent 30%),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(28,25,23,.035) 31px,rgba(28,25,23,.035) 32px)}.diary-main{flex:1;min-width:0;margin-left:var(--sidebar-w);position:relative;overflow:hidden}.diary-page{position:relative;z-index:1;width:min(1080px,calc(100% - 56px));margin:0 auto;padding:48px 0 120px}.sidebar{position:fixed;top:0;left:0;z-index:40;width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;padding:28px 20px 24px;border-right:1px solid var(--line);background:#f6f1e8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px;color:var(--ink);text-decoration:none}.sidebar-brand strong{display:block;font-family:var(--font-serif);font-size:15px;font-weight:600;line-height:1.25}.sidebar-brand small{display:block;margin-top:2px;color:var(--ink-muted);font-size:11px;letter-spacing:.06em}.sidebar-logo{width:36px;height:36px;flex-shrink:0;color:var(--ink)}.sidebar-logo.brand-logo-img,.mobile-brand .brand-logo-img{width:36px;height:36px;object-fit:contain}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--ink-muted);text-decoration:none;font-size:14px;letter-spacing:.02em;border-radius:8px;transition:color .2s,background .2s}.sidebar-link:hover{color:var(--ink);background:var(--accent-soft)}.sidebar-link.is-active{color:var(--ink);font-weight:600;background:var(--accent-soft)}.sidebar-link-dot{width:6px;height:6px;border-radius:50%;border:1px solid currentColor;opacity:.5}.sidebar-link.is-active .sidebar-link-dot{background:var(--accent);border-color:var(--accent);opacity:1}.sidebar-foot{margin-top:auto;padding-top:20px;border-top:1px dashed var(--line);font-size:11px;line-height:1.7}.sidebar-foot a{display:block;color:var(--ink-muted);text-decoration:none;word-break:break-all}.sidebar-foot a:hover{color:var(--accent)}.sidebar-foot p{margin:10px 0 0;color:var(--ink-muted);opacity:.7}.sidebar-backdrop{position:fixed;inset:0;z-index:45;border:0;background:#1c191759;cursor:pointer}.sidebar-drawer{z-index:50;box-shadow:8px 0 40px #1c19171f}.sidebar-close{align-self:flex-end;margin-bottom:8px;padding:6px 10px;font:inherit;font-size:13px;color:var(--ink-muted);border:1px dashed var(--line);border-radius:6px;background:transparent;cursor:pointer}.mobile-only{display:none}.mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:30;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#f6f1e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-family:var(--font-serif);font-size:15px}.menu-trigger{width:40px;height:40px;display:grid;place-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.menu-trigger span{display:block;width:18px;height:1.5px;background:var(--ink)}.scroll-hint{position:fixed;right:28px;bottom:32px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-muted);text-decoration:none;font-size:10px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-hint-arrow{writing-mode:horizontal-tb;font-size:14px}.page-home h1,.page-header h1,.hero-copy h1{margin:0;font-family:var(--font-serif);font-weight:500;color:var(--ink);line-height:1.05;letter-spacing:-.02em}.hero-copy h1{font-size:clamp(42px,6vw,72px)}.page-header h1{font-size:clamp(36px,5vw,56px)}.hero-script,.section-kicker{font-family:var(--font-script);color:var(--accent)}.hero-script{margin:0 0 8px;font-size:clamp(22px,3vw,32px)}.hero-tagline{margin:12px 0 0;font-family:var(--font-script);font-size:clamp(20px,2.5vw,28px);color:var(--ink-soft);font-style:italic}.hero-underline{width:min(280px,80%);margin:10px 0 20px;color:var(--ink);opacity:.45}.hero-intro,.page-lead,.sketch-panel p,.entry-card p,.daily-body p,.tool-card p{line-height:1.85;font-size:16px}.hero-intro{max-width:520px;margin:0}.hero-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.sketch-link{color:var(--ink);text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:color .2s,border-color .2s}.sketch-link:hover{color:var(--accent);border-color:var(--accent)}.sketch-link.subtle{color:var(--ink-muted);border-color:var(--line)}.hero-sketch{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);align-items:center;gap:48px;padding-bottom:64px}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:20px}.hero-eye{width:100%;max-width:340px;color:var(--ink);opacity:.88}.hero-quote{margin:0;max-width:320px;text-align:center}.hero-quote p{margin:0;font-family:var(--font-script);font-size:20px;color:var(--ink);line-height:1.5}.hero-quote cite{display:block;margin-top:10px;font-size:13px;font-style:normal;color:var(--ink-muted)}.quote-cn{display:block;margin-top:6px;font-size:13px;color:var(--ink-muted)}.home-panels{padding:20px 0 72px;border-top:1px dashed var(--line)}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sketch-panel{padding:28px 24px;border:1px solid var(--line);border-radius:4px;background:#ffffff59;box-shadow:2px 3px #1c19170a}.sketch-panel h2{margin:16px 0 10px;font-family:var(--font-serif);font-size:22px;font-weight:500;color:var(--ink)}.panel-icon{width:72px;height:72px;color:var(--ink);opacity:.75}.panel-icon-text{display:grid;place-items:center;font-size:36px;opacity:.5}.quotes-section{padding:48px 0 64px}.section-head{margin-bottom:32px}.section-head h2{margin:8px 0 0;font-family:var(--font-serif);font-size:clamp(26px,3.5vw,38px);font-weight:500;color:var(--ink)}.section-kicker{font-size:15px;letter-spacing:.04em}.quotes-stack{display:flex;flex-direction:column;gap:32px;max-width:min(720px,100%);margin:0 auto}.quote-card-sketch{position:relative;margin:0;padding:22px 24px 24px;background:#ffffff61;border-radius:3px;box-shadow:1px 2px #1c19170d}.quote-card-sketch:before,.quote-card-sketch:after{content:"";position:absolute;pointer-events:none}.quote-card-sketch:before{inset:0;border:1.5px solid rgba(28,25,23,.42);border-radius:255px 18px 240px 22px/22px 255px 16px 240px}.quote-card-sketch:after{inset:5px 6px 6px 5px;border:1px dashed rgba(28,25,23,.16);border-radius:18px 255px 22px 240px/240px 20px 255px 18px}.quote-card-inner{position:relative;z-index:1;display:flex;align-items:center;gap:22px}.quote-card-sticker{--sticker-tilt: -2deg;position:relative;flex-shrink:0;width:118px;padding:10px 10px 12px;background:linear-gradient(155deg,rgba(255,255,255,.55),transparent 42%),linear-gradient(145deg,#fffdf9,#f3ebe2 48%,#ebe3d8);border-radius:2px 2px 3px;box-shadow:4px 6px 16px #1c191724,2px 3px 6px #1c191714,inset 0 1px #ffffffd9,inset 0 -1px #1c19170a;transform:rotate(var(--sticker-tilt));transition:transform .35s ease,box-shadow .35s ease}.quote-card-sticker:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.55;background-image:repeating-linear-gradient(-11deg,transparent,transparent 3px,rgba(28,25,23,.018) 3px,rgba(28,25,23,.018) 4px),repeating-linear-gradient(79deg,transparent,transparent 5px,rgba(139,94,60,.025) 5px,rgba(139,94,60,.025) 6px);pointer-events:none}.quote-card-sticker:after{content:"";position:absolute;top:-3px;left:14%;right:14%;height:10px;background:#f6f1e8b8;box-shadow:0 1px 2px #1c19170f;opacity:.85;transform:rotate(-1deg);pointer-events:none}.quote-card-sketch:hover .quote-card-sticker{transform:rotate(0) translateY(-2px);box-shadow:6px 10px 22px #1c191729,2px 3px 6px #1c191714,inset 0 1px #ffffffe6}.quote-card-illus{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(28,25,23,.1))}.quote-card-body{flex:1;min-width:0;text-align:left}.quote-card-sketch blockquote{margin:0;font-family:var(--font-serif);font-size:clamp(16px,2.1vw,19px);line-height:1.62;color:var(--ink)}.quote-card-sketch figcaption{margin-top:14px;font-size:13px;color:var(--ink-muted)}.quote-card-sketch cite{display:block;font-style:normal;font-family:var(--font-script);font-size:17px;color:var(--accent);margin-bottom:4px}.page-inner{padding-top:8px}.page-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:48px;padding-bottom:32px;border-bottom:1px dashed var(--line)}.page-header .sketch-wiggle{width:160px;margin:12px 0;color:var(--ink);opacity:.4}.page-header-art{width:100px;height:100px;color:var(--ink);opacity:.7}.page-lead{max-width:560px;margin:16px 0 0}.entry-list{display:flex;flex-direction:column;gap:20px}.entry-card,.daily-card,.tool-card{padding:28px;border:1px solid var(--line);border-radius:4px;background:#ffffff52}.entry-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:13px;color:var(--ink-muted)}.entry-card h2,.daily-body h2,.tool-card h2{margin:0 0 10px;font-family:var(--font-serif);font-size:24px;font-weight:500;color:var(--ink)}.daily-timeline{display:flex;flex-direction:column;gap:16px}.daily-card{display:grid;grid-template-columns:48px 1fr;gap:20px}.daily-index{font-family:var(--font-serif);font-size:28px;color:var(--accent);opacity:.7}.daily-mood{padding:2px 8px;border:1px dashed var(--line);border-radius:99px}.daily-note{margin-top:40px;padding:20px;text-align:center;border:1px dashed var(--line);color:var(--ink-muted)}.sketch-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sketch-bg-item{position:absolute;color:var(--ink);opacity:.07}.sketch-bg-item svg{width:100%;height:100%}.home-inline-deco,.tools-inline-deco{position:relative;height:0}.home-deco-peony{position:absolute;top:-20px;right:0;width:100px;height:110px;color:var(--ink);opacity:.12;pointer-events:none}.home-deco-cat{position:absolute;top:120px;left:-20px;width:90px;height:72px;color:var(--ink);opacity:.1;pointer-events:none}.tools-deco-peony,.tools-deco-cat{position:absolute;color:var(--ink);opacity:.1;pointer-events:none}.tools-deco-peony{top:0;right:10%;width:80px}.tools-deco-cat{top:40px;left:5%;width:72px}.article-end-brand{display:flex;justify-content:center;margin:40px 0 8px}.article-end-logo{width:72px;height:72px;object-fit:contain;opacity:.9}.sketch-bg-item.is-top-right{top:8%;right:4%;width:200px;height:220px}.sketch-bg-item.is-top-left{top:12%;left:2%;width:160px;height:160px}.sketch-bg-item.is-mid-left{top:42%;left:0;width:140px;height:120px}.sketch-bg-item.is-bottom-right{bottom:10%;right:6%;width:150px;height:140px}.sketch-bg-item.is-bottom-left{bottom:14%;left:4%;width:120px;height:160px}.sketch-bg-item.bg-cat-sm{width:120px;height:100px;opacity:.06}.sketch-bg-item.bg-peony-sm,.sketch-bg-item.bg-plant-sm{width:110px;height:120px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-status{display:inline-block;margin-bottom:10px;padding:4px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px dashed var(--accent);border-radius:99px}.tool-status.is-live{color:#3d6b4f;border-color:#3d6b4f;background:#3d6b4f14}.tool-primary-btn,.tool-secondary-btn{margin-top:16px;padding:10px 18px;font:inherit;font-size:14px;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.tool-primary-btn{color:#f6f1e8;border:1px solid var(--ink);background:var(--ink)}.tool-primary-btn:hover{background:var(--accent);border-color:var(--accent)}.tool-primary-btn.link-btn{display:inline-block;text-decoration:none}.tool-secondary-btn{color:var(--ink);border:1px dashed var(--line);background:transparent}.tool-secondary-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-workspace{display:grid;gap:16px}.markdown-workspace{grid-template-columns:1fr 1fr;min-height:420px}.tool-pane{display:flex;flex-direction:column;gap:8px;min-height:360px;padding:16px;border:1px solid var(--line);border-radius:4px;background:#fff6}.tool-pane.full-width{min-height:auto}.pane-label{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.pane-icon{width:28px;height:28px}.tool-pane textarea{flex:1;width:100%;min-height:300px;padding:12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--ink);border:1px dashed var(--line);border-radius:4px;background:#f6f1e8cc;resize:vertical}.preview-scroll{flex:1;overflow:auto;max-height:480px;padding:4px 8px}.tool-actions{display:flex;flex-wrap:wrap;gap:12px}.complexity-result{padding:20px;border:1px dashed var(--line);border-radius:4px;background:#ffffff59}.result-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-card h2{margin:0 0 8px;font-family:var(--font-serif);font-size:18px;color:var(--ink)}.result-big-o{margin:0 0 4px;font-family:var(--font-serif);font-size:32px;color:var(--accent)}.result-label{margin:0 0 10px;font-size:13px;color:var(--ink-muted)}.result-card ul{margin:0;padding-left:18px;line-height:1.7}.result-meta,.result-disclaimer{margin:16px 0 0;font-size:13px;color:var(--ink-muted)}.result-error{color:#8b3a3a}.back-link{display:inline-block;margin-bottom:16px}.article-header h1{font-size:clamp(32px,4.5vw,48px)}.article-body-card{padding:32px 28px;border:1px solid var(--line);border-radius:4px;background:#ffffff6b}.article-more{margin-top:48px;padding-top:24px;border-top:1px dashed var(--line)}.article-more h2{font-family:var(--font-serif);font-size:22px;color:var(--ink)}.article-more ul{margin:12px 0 0;padding:0;list-style:none}.article-more a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.article-more a:hover{color:var(--accent);border-color:var(--accent)}.md-prose h2{margin:2em 0 .6em;font-family:var(--font-serif);font-size:1.45rem;color:var(--ink)}.md-prose h3{margin:1.5em 0 .5em;font-size:1.15rem;color:var(--ink)}.md-prose p,.md-prose li{line-height:1.85}.md-prose ul,.md-prose ol{padding-left:1.4em}.md-prose blockquote{margin:1.2em 0;padding:12px 18px;border-left:3px solid var(--accent);background:var(--accent-soft);font-family:var(--font-script);font-size:1.15rem;color:var(--ink)}.md-prose code{padding:2px 6px;font-size:.9em;border-radius:4px;background:#1c19170f}.md-prose pre{overflow-x:auto;padding:14px;border:1px dashed var(--line);border-radius:4px;background:#1c19170a}.md-prose pre code{padding:0;background:none}.md-prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px}.md-prose th,.md-prose td{padding:8px 12px;border:1px solid var(--line);text-align:left}.md-empty{color:var(--ink-muted);font-style:italic}.tools-coming{margin-top:48px;padding:28px;text-align:center;border:1px dashed var(--line)}.page-footer{margin-top:72px;padding-top:40px;border-top:1px dashed var(--line);text-align:center}.page-footer h2{margin:20px 0 8px;font-family:var(--font-serif);font-size:28px;font-weight:500;color:var(--ink)}.footer-line{width:120px;margin:0 auto;color:var(--ink);opacity:.35}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}.footer-links a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.footer-links a:hover{color:var(--accent);border-color:var(--accent)}.footer-note{font-size:13px;color:var(--ink-muted)}.page-footer.compact{margin-top:48px;padding-top:24px;border-top:1px dashed var(--line);text-align:left}.page-footer.compact a{color:var(--ink-muted);text-decoration:none}.page-footer.compact a:hover{color:var(--accent)}.sketch-svg{display:block;overflow:visible}.sketch-wiggle{display:block;width:100%;height:12px;overflow:visible}@media(max-width:1024px){.hero-sketch{grid-template-columns:1fr;min-height:auto;gap:36px}.hero-visual{order:-1}.panel-grid,.tools-grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--sidebar-w: 0px}.desktop-only{display:none!important}.mobile-only{display:block}.diary-main{margin-left:0;padding-top:56px;padding-bottom:32px}.diary-page{width:calc(100% - 32px);padding:24px 0 80px}.page-header{grid-template-columns:1fr}.page-header-art{width:72px;height:72px}.hero-copy h1{font-size:38px}.daily-card{grid-template-columns:36px 1fr}.markdown-workspace,.result-cards{grid-template-columns:1fr}.sketch-bg-item{opacity:.04}.home-deco-peony,.home-deco-cat{display:none}.quote-card-inner{flex-direction:column;align-items:stretch;gap:18px}.quote-card-sticker{width:min(140px,52vw);margin:0 auto}.quote-card-body{text-align:center}}