/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-asphalt:#0a0a0c;--color-concrete:#16161a;--color-wall-front:#1c1c21;--color-chalk:#e8e4da;--color-chalk-dim:#e8e4da6b;--color-amber:#e8a13c;--color-amber-dim:#e8a13c3d;--font-hand:"Yomogi", sans-serif;--font-ui:"Zen Kaku Gothic New", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.border{border-style:var(--tw-border-style);border-width:1px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-asphalt);color:var(--color-chalk);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}.wall-texture{z-index:-3;background-color:var(--color-concrete);background-blend-mode:soft-light,screen,screen;opacity:.62;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' seed='23'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='1100'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.055' numOctaves='4' seed='7'/%3E%3CfeColorMatrix type='matrix' values='0.42 0.18 0.1 0 0.03  0.26 0.2 0.14 0 0.02  0.22 0.18 0.2 0 0.02  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='1100' height='1100' filter='url(%23m)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1600'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0035' numOctaves='5' seed='31'/%3E%3CfeColorMatrix type='matrix' values='0.34 0.16 0.08 0 0  0.2 0.17 0.12 0 0  0.18 0.17 0.18 0 0  0 0 0 0.8 0'/%3E%3C/filter%3E%3Crect width='1600' height='1600' filter='url(%23l)'/%3E%3C/svg%3E");background-size:420px 420px,1100px 1100px,1600px 1600px;position:fixed;top:0;right:0;bottom:0;left:0}.wall-texture:after{content:"";opacity:.72;filter:blur(.8px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 800' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23e8c9a0' stroke-opacity='.30' transform='translate(0.9,-0.9)'%3E%3Cpath d='M0 104 C9 111 12 108 17 117 C21 124 19 128 24 133 C30 139 27 145 32 149 C38 154 36 161 43 165 C49 169 47 175 54 181' stroke-width='1.5'/%3E%3Cpath d='M400 268 C391 276 393 281 385 288 C378 294 380 300 372 307 C365 313 368 320 361 327 C354 334 357 341 350 348 C344 354 346 360 339 367' stroke-width='1.6'/%3E%3Cpath d='M0 596 C8 590 7 585 14 579 C20 574 19 568 26 562 C32 557 31 551 38 545' stroke-width='1.3'/%3E%3Cpath d='M400 676 C392 681 393 687 386 693 C380 698 381 704 374 710 C368 715 369 721 363 727' stroke-width='1.2'/%3E%3C/g%3E%3Cg stroke='%23000' stroke-opacity='.75'%3E%3Cpath d='M0 104 C9 111 12 108 17 117 C21 124 19 128 24 133 C30 139 27 145 32 149 C38 154 36 161 43 165 C49 169 47 175 54 181' stroke-width='2'/%3E%3Cpath d='M24 133 C19 137 16 135 11 141 C7 146 8 149 4 153' stroke-width='1'/%3E%3Cpath d='M43 165 C48 160 47 156 53 152' stroke-width='.9'/%3E%3Cpath d='M400 268 C391 276 393 281 385 288 C378 294 380 300 372 307 C365 313 368 320 361 327 C354 334 357 341 350 348 C344 354 346 360 339 367' stroke-width='2.1'/%3E%3Cpath d='M385 288 C391 292 393 297 400 300' stroke-width='1.1'/%3E%3Cpath d='M361 327 C355 323 350 325 344 320 C339 316 338 312 333 309' stroke-width='1.2'/%3E%3Cpath d='M350 348 C356 352 355 357 361 361' stroke-width='.9'/%3E%3Cpath d='M0 596 C8 590 7 585 14 579 C20 574 19 568 26 562 C32 557 31 551 38 545' stroke-width='1.8'/%3E%3Cpath d='M14 579 C10 574 5 574 0 570' stroke-width='1'/%3E%3Cpath d='M26 562 C31 566 36 564 41 568' stroke-width='.9'/%3E%3Cpath d='M400 676 C392 681 393 687 386 693 C380 698 381 704 374 710 C368 715 369 721 363 727' stroke-width='1.7'/%3E%3Cpath d='M386 693 C381 689 376 690 371 686' stroke-width='.95'/%3E%3Cpath d='M132 0 C137 8 135 12 140 19 C144 25 142 29 147 35' stroke-width='1.5'/%3E%3Cpath d='M140 19 C134 22 131 20 126 24' stroke-width='.9'/%3E%3Cpath d='M276 800 C270 792 272 787 266 780 C261 774 263 769 258 763' stroke-width='1.5'/%3E%3Cpath d='M266 780 C272 777 276 779 281 775' stroke-width='.9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;position:absolute;top:0;right:0;bottom:0;left:0}.wall-brick{z-index:-3;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(20% 8% at 92% 58%,#9644244d,#8c3e201a 55%,#0000 78%),radial-gradient(14% 5% at 6% 27%,#843c223d,#0000 72%),radial-gradient(28% 11% at 50% 96%,#76361e2e,#0000 70%);position:fixed;top:0;right:0;bottom:0;left:0}.wall-rust{z-index:-3;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 800' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238c4a24' stop-opacity='.55'/%3E%3Cstop offset='.35' stop-color='%23a35a2c' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%236b3a1e' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='r2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a8582a' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%237a3f20' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='rb'%3E%3CfeGaussianBlur stdDeviation='2.2'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23rb)'%3E%3Cpath d='M336 82 C341 86 344 92 342 104 C340 118 344 130 341 148 C339 166 343 178 340 196 C338 210 340 220 337 232 L331 232 C329 218 331 206 329 190 C327 172 331 160 328 142 C326 126 330 114 327 100 C325 90 329 84 336 82 Z' fill='url(%23r)'/%3E%3Cpath d='M348 96 C352 104 350 118 352 134 C354 152 351 164 353 180 L349 182 C346 166 349 152 347 136 C345 120 344 106 348 96 Z' fill='url(%23r2)'/%3E%3Cpath d='M62 402 C66 406 68 414 66 424 C64 436 67 446 65 458 C63 470 65 478 62 488 L57 488 C55 476 57 466 55 454 C53 440 56 430 54 418 C53 410 56 404 62 402 Z' fill='url(%23r2)'/%3E%3Cpath d='M188 640 C192 646 190 656 192 668 C194 680 191 690 193 700 L188 702 C185 690 188 680 186 668 C184 656 184 646 188 640 Z' fill='url(%23r)' opacity='.7'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;position:fixed;top:0;right:0;bottom:0;left:0}.wall-light{z-index:-2;pointer-events:none;background:radial-gradient(58% 44% at 84% -6%,#ffba5c42,#f0a03c1a 34%,#c8823208 58%,#0000 76%),radial-gradient(70% 34% at 66% 34%,#e8a13c0e,#0000 70%),radial-gradient(80% 46% at 4% 96%,#607ca812,#0000 62%);position:fixed;top:0;right:0;bottom:0;left:0}.wall-vignette{z-index:-1;pointer-events:none;background:radial-gradient(115% 80% at 72% 10%,#0000 12%,#04040699 62%,#040406eb),linear-gradient(#0000 55%,#04040680);position:fixed;top:0;right:0;bottom:0;left:0}.scrawl{font-family:var(--font-hand);color:var(--color-chalk);letter-spacing:.04em;-webkit-text-stroke:.45px var(--color-chalk);text-shadow:0 0 2px #ece8de80,0 0 5px #e4ded038,0 1px 2px #000000d9;cursor:default;margin:0 0 46px;line-height:1.9;position:relative}.scrawl-s{opacity:.82;max-width:72%;font-size:16px}.scrawl-m{font-size:18.5px}.scrawl-l{font-size:23px;line-height:1.78}.tilt-1{transform:rotate(-1.1deg)}.tilt-2{transform:rotate(.8deg)}.tilt-3{transform:rotate(-.5deg)}.tilt-4{transform:rotate(1.3deg)}.age-1{opacity:.74;filter:saturate(.7)}.age-2{opacity:.58;filter:saturate(.5)}.trace{opacity:.5;height:16px;margin-top:10px;display:block}.trace svg{overflow:visible}.trace path{stroke:var(--color-chalk);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20px;animation:.5s forwards draw}.trace path:nth-child(2){animation-delay:.1s}.trace path:nth-child(3){animation-delay:.2s}.trace path:nth-child(4){animation-delay:.3s}.trace path:nth-child(5){animation-delay:.4s}@keyframes draw{to{stroke-dashoffset:0}}.fold-btn{font-family:var(--font-ui);letter-spacing:.1em;color:var(--color-amber);opacity:.75;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:11.5px;display:inline-block}.fold-btn:before{content:"— "}.fold-btn:hover{opacity:1}.child-arrow{margin-left:38px;position:relative}.child-arrow:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 44'%3E%3Cpath d='M4 2 C2 14 8 22 12 30 M12 30 L6 26 M12 30 L15 22' stroke='%23f0ede6' stroke-opacity='.42' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;width:30px;height:44px;position:absolute;top:-34px;left:-30px}.deadend{text-align:center;margin-top:60px;padding-bottom:20px}.deadend svg{opacity:.3}.deadend p{font-family:var(--font-hand);color:var(--color-chalk-dim);letter-spacing:.1em;margin-top:14px;font-size:13px}.app-header{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#08080af0 40%,#08080a00);padding:18px 22px 14px;position:sticky;top:0}.logo-row{align-items:baseline;gap:10px;display:flex}.logo{font-family:var(--font-hand);letter-spacing:.1em;color:var(--color-chalk);text-shadow:0 0 1.5px #ece8de66,0 0 4px #dcd6c829,0 1px 2px #000c;font-size:20px}.logo-accent{color:var(--color-amber)}.info-btn{font-family:var(--font-ui);color:var(--color-chalk-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1;transition:color .2s}.info-btn:hover{color:var(--color-chalk)}.logo-sub{color:var(--color-chalk-dim);letter-spacing:.14em;margin-top:3px;font-size:11px}.bottom-nav{z-index:20;background:linear-gradient(#06060800,#060608f7 45%);justify-content:space-around;align-items:center;padding:14px 0 22px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{font-family:var(--font-ui);letter-spacing:.16em;color:var(--color-chalk-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}.nav-item.active{color:var(--color-chalk)}.write-btn{border:1.5px solid var(--color-amber-dim);cursor:pointer;background:radial-gradient(circle at 40% 30%,#e8a13c38,#e8a13c0f);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-top:-16px;display:flex;box-shadow:0 0 24px #e8a13c26}.write-btn svg{stroke:var(--color-amber);fill:none;stroke-width:1.5px}.composer-overlay{z-index:30;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.composer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040406b3;position:absolute;top:0;right:0;bottom:0;left:0}.composer-panel{z-index:1;background:linear-gradient(180deg,var(--color-wall-front),var(--color-asphalt));border-top:1px solid #e8a13c1f;width:100%;max-width:620px;margin:0 auto;padding:20px 20px 32px;position:relative}.composer-textarea{resize:none;width:100%;color:var(--color-chalk);font-family:var(--font-hand);letter-spacing:.04em;text-shadow:0 0 1.5px #ece8de6b,0 0 4px #e4ded02e,0 1px 2px #000000d9;background:0 0;border:none;outline:none;font-size:18px;line-height:1.9}.composer-textarea::placeholder{color:var(--color-chalk-dim);opacity:.5}.notebook-bg{z-index:-3;pointer-events:none;background-blend-mode:soft-light;opacity:.5;background-color:#0d0d0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='4' seed='42'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.25'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23p)'/%3E%3C/svg%3E");background-size:300px 300px;position:fixed;top:0;right:0;bottom:0;left:0}@media(prefers-reduced-motion:reduce){.trace path{stroke-dashoffset:0;animation:none}}.badge-pending{font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-amber);background:#e8a13c26;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:10px;display:inline-block}.badge-deleted{font-family:var(--font-ui);letter-spacing:.08em;color:#c45a5a;background:#b43c3c26;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:10px;display:inline-block}.delete-btn{opacity:0;transition:opacity .2s}.scrawl:hover .delete-btn{opacity:1}.arrow-btn{font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-chalk-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.arrow-btn:hover{color:var(--color-amber)}.meta-row{font-family:var(--font-ui);color:var(--color-chalk-dim);letter-spacing:.06em;align-items:center;gap:12px;margin-top:8px;font-size:11px;display:flex}.about-panel{z-index:1;background:linear-gradient(180deg,var(--color-wall-front),var(--color-asphalt));border-top:1px solid #e8e4da14;width:100%;max-width:620px;max-height:80dvh;margin:0 auto;padding:28px 24px 32px;position:relative;overflow-y:auto}.about-content{font-family:var(--font-hand);color:var(--color-chalk);-webkit-text-stroke:.45px var(--color-chalk);text-shadow:0 0 2px #ece8de80,0 0 5px #e4ded038,0 1px 2px #000000d9}.about-lead{letter-spacing:.04em;margin-bottom:28px;font-size:18px;line-height:1.9}.about-list{gap:20px;display:grid}.about-list dt{color:var(--color-amber);letter-spacing:.08em;margin-bottom:2px;font-size:14px}.about-list dd{letter-spacing:.04em;opacity:.85;font-size:15px;line-height:1.8}.about-close{font-family:var(--font-ui);letter-spacing:.14em;color:var(--color-chalk-dim);cursor:pointer;background:0 0;border:1px solid #e8e4da1f;border-radius:6px;margin:28px auto 0;padding:8px 24px;font-size:12px;transition:color .2s,border-color .2s;display:block}.about-close:hover{color:var(--color-chalk);border-color:#e8e4da47}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
