:root{color-scheme:light;--bg: #f3efe7;--bg-deep: #f8f6f0;--surface: rgba(255, 252, 247, .74);--surface-strong: rgba(255, 251, 246, .9);--line: rgba(104, 86, 63, .12);--line-strong: rgba(104, 86, 63, .2);--text: #1d1a17;--muted: rgba(29, 26, 23, .66);--accent: #cc6c44;--accent-strong: #a84f2f;--accent-soft: rgba(204, 108, 68, .14);--shadow: 0 28px 100px rgba(88, 54, 21, .12);--mono: "JetBrains Mono", monospace;--sans: "Instrument Sans", "Segoe UI", sans-serif;--serif: "Newsreader", Georgia, serif}:root[data-theme=dark]{color-scheme:dark;--bg: #101215;--bg-deep: #1a1d22;--surface: rgba(26, 30, 36, .78);--surface-strong: rgba(22, 25, 30, .92);--line: rgba(233, 220, 199, .08);--line-strong: rgba(233, 220, 199, .16);--text: #f8f0e6;--muted: rgba(248, 240, 230, .66);--accent: #f08c60;--accent-strong: #ffc09f;--accent-soft: rgba(240, 140, 96, .18);--shadow: 0 32px 120px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top left,rgba(255,216,190,.4),transparent 28%),radial-gradient(circle at 80% 10%,rgba(204,108,68,.24),transparent 32%),linear-gradient(145deg,var(--bg),var(--bg-deep))}button,textarea,input,a{font:inherit}button,a{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}button:hover,a:hover{transform:translateY(-1px)}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{position:relative;min-height:100vh;overflow:hidden;view-transition-name:shell}.app-shell{view-transition-name:page-stage}.ambient,.grain-layer{position:fixed;inset:0;pointer-events:none}.ambient{filter:blur(80px);opacity:.8;animation:floatOrb 16s ease-in-out infinite}.ambient-a{top:-8rem;left:-10rem;width:30rem;height:30rem;background:#dea3814d}.ambient-b{top:8rem;right:-6rem;width:26rem;height:26rem;background:#ffd6b23d;animation-delay:-5s}.ambient-c{bottom:-12rem;left:35%;width:34rem;height:34rem;background:#cc6c4429;animation-delay:-9s}.grain-layer{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 90%)}.topbar,.app-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 12px}.brand-lockup,.theme-toggle,.ghost-button,.primary-button,.mini-button,.icon-button,.toggle-chip,.ttl-chip{border-radius:999px;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup small{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700}.topbar-actions,.button-row,.pill-row,.meta-row,.hero-stat-row,.sticky-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.theme-toggle,.ghost-button,.primary-button,.mini-button,.icon-button,.toggle-chip,.ttl-chip{padding:11px 16px;color:var(--text);background:var(--surface)}.primary-button{color:#fff8f2;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 44px #a84f2f3d;background-size:160% 160%;animation:buttonGlow 5s ease infinite}.mini-button,.toggle-chip,.ttl-chip,.status-chip,.eyebrow{font-size:.92rem}.toggle-chip.active,.ttl-chip.active{background:var(--accent-soft);border-color:#cc6c4452}.app-shell{padding:8px 0 42px}.panel{position:relative;overflow:hidden;margin-top:18px;padding:28px;background:linear-gradient(180deg,#ffffff47,#ffffff0d),var(--surface);border:1px solid var(--line-strong);border-radius:32px;box-shadow:var(--shadow);animation:panelIn .52s cubic-bezier(.2,.8,.2,1)}.home-surface{view-transition-name:home-surface}.composer-morph-surface,.result-surface{view-transition-name:compose-surface}.hero-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:20px}.hero-panel.compact{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);align-items:start}.compact-home{display:grid;gap:18px}.hero-copy-block h1,.hero-copy-block h2,.section-header h2,.detail-panel h2,.empty-state h2{margin:14px 0 10px;font-family:var(--serif);line-height:1}.hero-copy-block h1{font-size:clamp(2.35rem,7vw,4.6rem);max-width:9ch}.lede,.side-card p,.inline-error,.modal-copy{color:var(--muted);line-height:1.55}.side-card,.data-card,.share-link-box,.code-view,.editor,.modal-card,.panel-loading{background:var(--surface-strong)}.side-card{padding:22px;border-radius:26px;border:1px solid var(--line-strong)}.side-card-accent{position:sticky;top:88px;animation:driftIn .7s cubic-bezier(.2,.8,.2,1)}.side-card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:var(--accent-soft);color:var(--accent-strong)}.eyebrow.subtle{background:#7f7f7f14;color:var(--muted)}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff1f}.status-chip.warn{background:#de815924;border-color:#de815942}.writing-chip.active{background:#cc6c4429;border-color:#cc6c4447;animation:pulseChip 1s ease-in-out infinite}.composer-panel,.detail-panel{display:grid;gap:18px}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-header h2{font-size:clamp(1.8rem,5vw,3rem)}.compact-header h2{margin-bottom:0}.control-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.editor{width:100%;min-height:420px;padding:22px;border:1px solid var(--line-strong);border-radius:28px;resize:vertical;color:var(--text);line-height:1.55;box-shadow:inset 0 1px #ffffff3d;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;caret-color:transparent}.editor-stage{position:relative;border-radius:30px;transition:transform .22s ease,box-shadow .22s ease}.editor-stage:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,#ffffff14,#cc6c4414,#ffffff14);opacity:0;pointer-events:none;transition:opacity .22s ease}.editor-stage:after{content:"";position:absolute;inset:8px;border-radius:24px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-120%);opacity:0;pointer-events:none}.editor-stage.is-writing{transform:translateY(-1px) scale(1.002);box-shadow:0 26px 60px #a84f2f1f}.editor-stage.is-writing:before{opacity:1}.editor-stage.is-writing:after{opacity:1;animation:writeSweep .9s cubic-bezier(.2,.8,.2,1)}.caret-trail{position:absolute;width:2px;pointer-events:none;transform:translateZ(0);opacity:0;transition:opacity .12s ease;z-index:2}.caret-trail.visible{opacity:1}.caret-trail.active{animation:caretSlide var(--trail-duration, .26s) cubic-bezier(.16,.84,.24,1)}.caret-trail__bar,.caret-trail__glow,.caret-trail__tail,.caret-trail__motion,.caret-trail__comet{position:absolute;top:0;left:0;border-radius:999px}.caret-trail__bar{width:2px;height:100%;background:linear-gradient(180deg,#fff5ebfa,#f08c60eb);box-shadow:0 0 8px #f08c6061,0 0 14px #f08c602e;animation:caretBlink 1.1s steps(1,end) infinite}.caret-trail__glow{left:-8px;top:-2px;width:18px;height:calc(100% + 4px);background:linear-gradient(180deg,#f08c6029,#f08c6005);filter:blur(6px)}.caret-trail__tail{transform-origin:right center}.caret-trail__tail--a{right:0;top:calc(50% - 2px);width:28px;height:4px;background:linear-gradient(90deg,#f08c6000,#f08c602e,#f08c6085);filter:blur(3px)}.caret-trail__tail--b{right:0;top:calc(50% - 4px);width:42px;height:8px;background:linear-gradient(90deg,#f08c6000,#f08c6014,#ffe0d038);filter:blur(8px)}.caret-trail__motion{top:calc(50% - 4px);width:var(--trail-length);height:8px;transform-origin:right center;transform:translate(var(--trail-origin-x),var(--trail-origin-y)) rotate(var(--trail-angle));opacity:0}.caret-trail__motion.active{opacity:1;animation:cursorMotion var(--trail-duration, .26s) cubic-bezier(.16,.84,.24,1)}.caret-trail__comet{right:-2px;left:auto;top:-6px;width:14px;height:calc(100% + 12px);background:radial-gradient(circle,#fff1e7d6 0,#f08c6042 45%,#f08c6000 72%);filter:blur(2px)}.editor.is-mono,.code-content,.code-gutter,.share-link-box code{font-family:var(--mono)}.editor:focus{outline:2px solid rgba(204,108,68,.3);outline-offset:2px;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff3d,0 0 0 1px #cc6c4424,0 16px 44px #cc6c441f}.hero-editor{min-height:min(50vh,420px)}.composer-footer{display:flex;justify-content:space-between;gap:16px;align-items:center}.metadata-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ttl-selector{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.quick-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.mini-feature{padding:14px 16px;border-radius:22px;border:1px solid var(--line-strong);background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .22s ease,background .22s ease,border-color .22s ease}.mini-feature:hover{transform:translateY(-3px) scale(1.01);background:#ffffff42}.mini-feature span{display:block;margin-bottom:7px;color:var(--muted);font-size:.88rem}.data-card{padding:18px;border-radius:24px;border:1px solid var(--line-strong)}.reveal-card{animation:revealUp .42s cubic-bezier(.2,.8,.2,1)}.reveal-card:nth-child(2){animation-delay:50ms}.reveal-card:nth-child(3){animation-delay:.1s}.reveal-card:nth-child(4){animation-delay:.15s}.data-card span{display:block;margin-bottom:8px;color:var(--muted)}.code-view{display:grid;grid-template-columns:auto 1fr;min-height:360px;border:1px solid var(--line-strong);border-radius:28px;overflow:auto}.code-gutter{display:grid;align-content:start;gap:6px;padding:22px 14px;color:var(--muted);border-right:1px solid var(--line-strong);font-size:var(--editor-font-size);text-align:right}.code-content{margin:0;padding:22px;font-size:var(--editor-font-size);line-height:1.6;white-space:pre}.code-view.wrap .code-content{white-space:pre-wrap;word-break:break-word}.empty-state{text-align:center;justify-items:center}.toast{position:sticky;top:12px;z-index:20;width:fit-content;margin:0 auto 12px;padding:12px 16px;border-radius:999px;background:#17181be6;color:#fff;box-shadow:0 18px 48px #00000038;animation:toastIn .24s ease}.modal{border:0;padding:0;background:transparent}.modal::backdrop{background:#0a0b0d7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(92vw,560px);padding:24px;border-radius:28px;border:1px solid var(--line-strong);box-shadow:var(--shadow);animation:modalIn .26s cubic-bezier(.2,.8,.2,1)}.modal-morph-surface,.morph-share-trigger{view-transition-name:share-surface}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.modal-body{display:grid;gap:18px}.share-link-box{padding:16px;border-radius:20px;border:1px solid var(--line-strong);overflow:auto}.qr-frame{display:grid;place-items:center;min-height:240px;border-radius:24px;border:1px dashed var(--line-strong)}.qr-frame img{width:min(100%,240px);border-radius:18px}.morph-button{view-transition-name:create-paste-button}.morph-live-button{view-transition-name:create-live-button}::view-transition-old(create-paste-button),::view-transition-new(create-paste-button){animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(create-live-button),::view-transition-new(create-live-button){animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(shell),::view-transition-new(shell){animation-duration:.24s}::view-transition-old(compose-surface),::view-transition-new(compose-surface),::view-transition-old(share-surface),::view-transition-new(share-surface),::view-transition-old(page-stage),::view-transition-new(page-stage){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.skeleton{border-radius:999px;background:linear-gradient(90deg,#bebebe2e,#ffffff8c,#bebebe2e);background-size:300% 100%;animation:shimmer 1.3s linear infinite}.skeleton-pill{width:180px;height:36px}.skeleton-title{width:min(540px,80%);height:70px;border-radius:24px}.skeleton-copy{width:100%;height:18px}.skeleton-copy.short{width:62%}.skeleton-editor{width:100%;min-height:380px;border-radius:28px}.skeleton-metadata{width:100%;height:120px;border-radius:28px}.skeleton-qr{width:220px;height:220px;border-radius:24px}.hljs-keyword,.hljs-built_in,.hljs-literal{color:#d1633a}.hljs-string,.hljs-title,.hljs-section{color:#2a7d62}.hljs-number,.hljs-symbol{color:#9a5dd0}.hljs-comment,.hljs-quote{color:#8f8779;font-style:italic}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-100% 0}}@keyframes panelIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes driftIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseChip{0%,to{transform:scale(1);box-shadow:0 0 #cc6c4400}50%{transform:scale(1.03);box-shadow:0 0 0 8px #cc6c440f}}@keyframes writeSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes buttonGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes caretBlink{0%,48%{opacity:1}49%,to{opacity:.18}}@keyframes caretTail{0%{opacity:.84;transform:scaleX(1)}to{opacity:.08;transform:scaleX(.35)}}@keyframes cursorMotion{0%{opacity:.5;filter:saturate(1.02)}35%{opacity:.32}to{opacity:0;filter:saturate(.95)}}@keyframes caretSlide{0%{transform:translate(var(--trail-origin-x),var(--trail-origin-y))}to{transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatOrb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,16px,0) scale(1.06)}}@media(max-width:920px){.hero-panel,.metadata-grid,.quick-feature-grid{grid-template-columns:1fr}.section-header,.composer-footer,.topbar{flex-direction:column;align-items:stretch}.control-bar{justify-content:flex-start}.side-card-accent{position:static}}@media(max-width:720px){.topbar,.app-shell{width:min(100% - 20px,100%)}.panel{padding:20px;border-radius:24px}.hero-copy-block h1{font-size:clamp(2.1rem,13vw,3.4rem)}.editor{min-height:300px}.sticky-actions{position:sticky;bottom:12px;justify-content:stretch;padding:12px;border-radius:22px;background:#fffaf5c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .sticky-actions{background:#121418d6}.sticky-actions>*{flex:1 1 0;justify-content:center;text-align:center}.code-view{grid-template-columns:58px 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}