@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Outfit:wght@500;700;800&display=swap";:root{--ink:#28231c;--ink-soft:#5a5042;--ink-faint:#837463;--paper:#f7edd7;--paper-warm:#ead8af;--paper-deep:#d7bb82;--gold:#bd9228;--gold-hot:#f0c95a;--signal:#bf4f38;--green:#2f776d;--night:#17130f;--terminal:#24332e;--screen-bg:oklch(96% .026 87);--screen-bg-warm:oklch(91% .055 78);--screen-bg-cool:oklch(94% .038 168);--screen-ink:oklch(28% .045 82);--screen-muted:oklch(46% .052 92);--screen-line:oklch(72% .061 91/.48);--serif:"Songti SC", "Noto Serif SC", "STSong", "SimSun", serif;--mono:"SFMono-Regular", "Cascadia Mono", "Consolas", "Liberation Mono", monospace;--sans:"Outfit", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;background:radial-gradient(780px 520px at 8% 12%,#2f776d2e,#0000 64%),radial-gradient(840px 560px at 86% 10%,#bf4f3824,#0000 58%),linear-gradient(135deg,#fbf2df 0%,#ead7b1 52%,#cfb579 100%);margin:0}button,input,textarea{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}.echolog-shell{min-height:100dvh;position:relative;overflow-x:hidden}.mode-switch{z-index:40;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7edd7d6;border:1px solid #28231c24;border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;box-shadow:0 18px 44px #46301429}.mode-switch button{min-height:38px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.mode-switch button.active{color:#fff7e7;background:linear-gradient(160deg, var(--terminal), #16241f)}.phone-stage,.ending-scene{place-items:center;min-height:100dvh;padding:5.5rem 1rem 1.4rem;display:grid}.phone-scroll,.ending-card{background:linear-gradient(90deg, #ffffff42, transparent 24%), repeating-linear-gradient(0deg, transparent 0 29px, #5a50420b 29px 30px), var(--paper);border:1px solid #5a504233;border-radius:10px;gap:1rem;width:min(100%,470px);padding:clamp(1.2rem,4vw,1.7rem);display:grid;box-shadow:0 34px 90px #54391638,inset 0 0 52px #966e2a26}.phone-kicker,.ledger-title{color:var(--signal);font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}.phone-scroll h1,.ending-card h1{color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(2rem,10vw,3.45rem);line-height:1.08}.phone-scroll p,.ending-card p{color:var(--ink-soft);margin:0;line-height:1.75}.phone-scroll label{color:var(--ink-faint);font-family:var(--sans);gap:.45rem;font-weight:800;display:grid;position:relative}.phone-scroll input,.phone-scroll textarea{min-height:46px;color:var(--ink);background:#fffaebb8;border:1px solid #5a504238;border-radius:8px;padding:0 .8rem}.phone-scroll textarea{resize:vertical;min-height:112px;padding:.75rem .8rem 1.7rem;line-height:1.55}.field-count{color:var(--ink-faint);font-size:.78rem;position:absolute;bottom:.5rem;right:.75rem}.edition-ticker,.receipt-box,.bug-card{background:#fffaeb94;border:1px solid #2f776d40;border-radius:8px;gap:.35rem;padding:.78rem .85rem;display:grid}.edition-ticker span,.receipt-box span,.bug-card span{color:var(--ink-faint);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}.edition-ticker strong,.receipt-box strong,.bug-card strong{color:var(--ink);line-height:1.55}.open-book{color:#fff7e7;background:linear-gradient(160deg, var(--terminal), #18231f);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.65rem 1rem .65rem .65rem;display:inline-flex;box-shadow:0 16px 36px #24332e3d}.open-book-seal{width:42px;height:42px;font-family:var(--sans);background:#fff7e729;border-radius:9px;place-items:center;font-size:1.35rem;font-weight:900;display:grid}.open-book-text{font-family:var(--sans);letter-spacing:.08em;font-weight:800}.screen-hint{color:var(--green);font-family:var(--sans);cursor:pointer;background:0 0;border:0;font-weight:800;display:none}.form-error{color:var(--signal);font-weight:900}.nav-btn{color:var(--ink);cursor:pointer;background:#fffaeb94;border:1px solid #5a504238;border-radius:999px;justify-content:center;align-items:center;padding:.62rem 1.2rem;display:inline-flex}.nav-btn.strong{color:#fff7e7;background:var(--green);border-color:#0000}.idea-timeline{gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.idea-timeline li{color:var(--ink-faint);grid-template-columns:22px 1fr;gap:.72rem;display:grid}.idea-timeline li>span{background:#fffaebad;border:2px solid #5a504247;border-radius:50%;width:14px;height:14px;margin-top:.38rem}.idea-timeline li.reached{color:var(--ink)}.idea-timeline li.reached>span{border-color:var(--green);background:var(--green);box-shadow:0 0 0 5px #2f776d1f}.idea-timeline strong{display:block}.idea-timeline p{font-size:.92rem}.stage-seal{border:2px solid var(--signal);width:44px;height:44px;color:var(--signal);font-family:var(--sans);border-radius:8px;place-items:center;font-weight:900;display:grid;transform:rotate(-5deg)}.hackathon-screen{background:radial-gradient(720px 460px at 14% 20%, oklch(88% .075 86/.48), transparent 62%), radial-gradient(640px 420px at 86% 12%, oklch(89% .064 166/.42), transparent 64%), linear-gradient(180deg, var(--screen-bg) 0%, var(--screen-bg-cool) 54%, var(--screen-bg-warm) 100%);min-height:100dvh;color:var(--screen-ink);flex-direction:column;padding:5.4rem 2rem 1rem;display:flex;overflow:hidden}.screen-head{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.screen-head p{color:var(--screen-muted);font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;margin:0}.screen-head h1{margin:.2rem 0 0;font-size:clamp(2rem,5vw,4.6rem);line-height:1}.screen-head .edition-ticker{border-color:var(--screen-line);background:oklch(98% .018 88/.68);min-width:min(390px,38vw);box-shadow:0 18px 44px oklch(52% .08 82/.14)}.screen-head .edition-ticker span,.screen-head .edition-ticker strong{color:var(--screen-ink)}.screen-book-layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;min-height:0;padding-top:1rem;display:grid}.screen-book-scene{perspective:2200px;place-items:center;gap:.9rem;min-height:0;display:grid}.screen-book{width:min(74vw,1120px);height:min(62vh,650px);transform:rotateX(var(--tiltX,8deg)) rotateY(var(--tiltY,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;position:relative}.screen-book:before{content:"";background:linear-gradient(90deg,oklch(49% .07 73),oklch(66% .086 78) 48%,oklch(49% .07 73));border-radius:18px;position:absolute;inset:2% 1%;transform:translateZ(-34px);box-shadow:0 38px 84px oklch(43% .068 72/.28)}.screen-book-spine{z-index:4;background:linear-gradient(90deg,oklch(45% .064 73),oklch(70% .095 80) 48%,oklch(45% .064 73));border-radius:10px;width:28px;position:absolute;top:-2%;bottom:-2%;left:50%;transform:translate(-50%)translateZ(18px)}.screen-book-edge{background:repeating-linear-gradient(0deg, var(--paper-warm) 0 2px, #d7c18e 2px 3px);width:48.5%;position:absolute;top:1.5%;bottom:1.5%;transform:translateZ(-16px);box-shadow:0 24px 60px oklch(46% .07 80/.24)}.screen-book-edge.left{border-radius:12px 4px 4px 12px;left:.5%}.screen-book-edge.right{border-radius:4px 12px 12px 4px;right:.5%}.screen-pages{transform-style:preserve-3d;position:absolute;inset:0}.book-hit-zone{z-index:30;cursor:pointer;background:0 0;border:0;width:18%;position:absolute;top:0;bottom:0}.book-hit-zone:disabled{cursor:default;pointer-events:none}.book-hit-zone.prev{left:0}.book-hit-zone.next{right:0}.screen-sheet{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.4,.05,.2,1);position:absolute;top:0;left:50%}.screen-sheet.flipped{transform:rotateY(-180deg)}.book-leaf-screen{color:#d8eadf;backface-visibility:hidden;transform:translateZ(var(--sheet-depth));background:radial-gradient(130% 100% at 0%,#0000002e,#0000 32%),linear-gradient(112deg,#eef0d8 0%,#d6dfc2 58%,#b8c899 100%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 70px #20372d2e,0 24px 54px #00000047}.book-leaf-screen.front{border-radius:4px 18px 18px 4px}.book-leaf-screen.back{transform:rotateY(180deg) translateZ(var(--sheet-depth));background:radial-gradient(130% 100% at 100%,#00000024,#0000 32%),linear-gradient(-112deg,#eef0d8 0%,#d6dfc2 58%,#b8c899 100%);border-radius:18px 4px 4px 18px}.book-leaf-screen:before{pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#24332e14 1px,#0000 1px),linear-gradient(90deg,#24332e0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #24332e2e;position:absolute;inset:7% 8%}.book-leaf-screen:after{pointer-events:none;content:"";transition:opacity 1.05s cubic-bezier(.4,.05,.2,1);position:absolute;inset:0}.book-leaf-screen.front:after{opacity:0;background:linear-gradient(90deg,#00000057,#0000 42%)}.screen-sheet.flipped .book-leaf-screen.front:after{opacity:1}.book-leaf-screen.back:after{opacity:1;background:linear-gradient(270deg,#00000047,#0000 42%)}.screen-sheet.flipped .book-leaf-screen.back:after{opacity:0}.book-writing{z-index:2;align-content:start;height:100%;padding:clamp(1.6rem,3.4vh,2.7rem) clamp(1.1rem,2.2vw,2.2rem);display:grid;position:relative}.ascii-writing{color:var(--terminal);font-family:var(--mono);white-space:pre;gap:.12rem;margin:0;font-size:clamp(.54rem,.88vw,.95rem);font-weight:700;line-height:1.35;overflow:hidden}.ascii-writing span{display:block}.book-writing.empty:after{color:#24332e42;font-family:var(--sans);content:"EchoLog";margin:auto;font-size:4rem}.screen-book-controls{border:1px solid var(--screen-line);background:oklch(98% .018 88/.68);border-radius:999px;align-items:center;gap:.75rem;padding:.35rem;display:inline-flex;box-shadow:0 14px 36px oklch(52% .08 82/.13)}.screen-book-controls button{color:oklch(29% .06 168);cursor:pointer;background:oklch(92% .045 166/.72);border:0;border-radius:999px;padding:0 1rem}.screen-book-controls button:disabled{opacity:.35;cursor:default}.screen-book-controls span{font-family:var(--sans);color:var(--screen-ink);font-weight:800}.event-ledger{border-left:1px solid var(--screen-line);align-content:start;gap:.8rem;padding-left:1rem;display:grid;overflow:hidden}.event-ledger p{color:var(--screen-muted);font-family:var(--mono);border-bottom:1px solid oklch(70% .052 88/.36);margin:0;padding-bottom:.75rem;font-size:.82rem;line-height:1.55}.screen-foot{color:var(--screen-muted);font-family:var(--sans);letter-spacing:.08em;text-align:center;padding-top:.4rem;font-size:.8rem}.qr-mark{color:var(--green);font-family:var(--sans);align-items:center;gap:.5rem;font-weight:800;display:inline-flex}@media (width<=860px){.mode-switch{right:50%;transform:translate(50%)}.mode-switch button{padding:0 10px}.screen-hint{justify-content:center;display:inline-flex}.hackathon-screen{padding:5rem .8rem .8rem}.screen-head{flex-direction:column;align-items:flex-start}.screen-head .edition-ticker{width:100%}.screen-book-layout{grid-template-columns:1fr}.screen-book{width:min(96vw,720px);height:min(58vh,500px)}.event-ledger{border-top:1px solid #f7edd729;border-left:0;max-height:24vh;padding:.85rem 0 0}.ascii-writing{font-size:clamp(.42rem,1.58vw,.68rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}