/* Peacenote: black linen, vermilion ink, cream pages, and a little curiosity. */
:root {
  --bg:#f9f2f1; --surface:#fffcf5; --surface2:#f5ebe8;
  --ink:#4d3b36; --muted:#887975; --line:#e6dbd8; --gold:#a67468;
  --green:#6a8e7c; --danger:#aa586c; --rail:228px;
  --serif:'Noto Serif KR','Batang',serif;
  --body:'IBM Plex Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --latin:'Cormorant Garamond',Georgia,serif;
  --ease:cubic-bezier(.2,.75,.2,1);
}
html{font-family:var(--body);color-scheme:light;scroll-behavior:smooth;scroll-padding-top:125px}
body{background:radial-gradient(ellipse at 10% 20%,#fceee5aa,transparent 50%),radial-gradient(ellipse at 80% 0%,#f5e5e199,transparent 45%),var(--bg);overflow-wrap:break-word}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.32;z-index:-1;background-image:radial-gradient(#b09189 0.6px,transparent .6px);background-size:9px 9px}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.055em}
h1 em,h2 em{color:var(--gold);font-style:normal}
button,input,textarea,select{font-family:var(--body)}
button,a{transition:color .2s,background .2s,box-shadow .25s,transform .3s var(--ease)}
button:disabled{opacity:.5}
input,textarea,select{background:#fffcf8;border:1px solid #ded1cd;border-radius:9px;color:var(--ink);font-size:16px}
select{color-scheme:light}
input::placeholder,textarea::placeholder{color:#9c8f8b}
input:focus,textarea:focus,select:focus{outline:0;border-color:#b48377;box-shadow:0 0 0 4px #c59a8f1c}
label{color:#6c5a55}
::selection{background:#ead2cc;color:#5b3e36}
:focus-visible{outline:2px solid #b1786a;outline-offset:5px}
.skip-link{position:fixed;top:-70px;left:20px;z-index:999;padding:12px 20px;background:#fffaf1;border:2px solid var(--gold);border-radius:8px}
.skip-link:focus{top:10px}
.button{background:#a27468;color:#fffaf3;border-radius:9px;min-height:48px;padding:12px 21px;font-weight:500;box-shadow:0 4px 0 #845b5033;position:relative;overflow:hidden}
.button:hover:not(:disabled){background:#8f6358;transform:translateY(-3px);box-shadow:0 7px 0 #845b5025,0 10px 22px #a6746820}
.button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #845b5033}
.button .icon{transition:transform .3s}
.button:hover .icon{transform:translateX(4px)}
.button.secondary{color:#85635b;border-color:#d7c1bb;background:#fffaf577;box-shadow:none}
.button.secondary:hover:not(:disabled){background:#f4e9e6;border-color:#b8968e;box-shadow:0 5px 15px #a674680d}
.button.quiet{color:var(--muted);box-shadow:none}
.button.danger{color:#984f62;background:#f6e3e7;box-shadow:none}
.text-button{color:#a07267;font-size:.82rem;text-underline-offset:5px}
.badge{border-radius:5px;background:#fefaf9;color:#8c7069;border-color:#e1d1cd;font-size:.67rem}
.badge.live{background:#e7f0e9;color:#4a735c;border-color:#b0c8b5}
.overline{color:#a3847c;font-size:.63rem;letter-spacing:.16em;font-weight:500}
.note{color:var(--muted);line-height:1.9}
.notice{background:#f4eae8;color:#846057;border-radius:6px;border-left:3px solid #b78c81}
.warning,.private-warning,.connection{background:#fff0e6;color:#986147;border-color:#d6ac8d}
.private-warning{border:1px solid #e0bd9c;padding:12px 15px;border-radius:8px;font-size:.84rem;margin-bottom:18px}
.origin-help{white-space:pre-wrap;overflow-wrap:anywhere}
.empty{border-color:var(--line)}.empty strong{color:var(--ink)}
.avatar{background:#f6e8e5!important;border:1px solid #e2cdc8!important;color:#a07469;border-radius:13px;box-shadow:inset 0 0 0 3px #fff8}
.color1{color:#b18254}.color2{color:#618c9b}.color3{color:#9f8078}.color4{color:#b5757c}.color5{color:#6b9079}
.wordmark{display:inline-flex;align-items:center;gap:10px;text-align:left;letter-spacing:-.06em;line-height:1.3}
.brand-symbol{width:43px;height:47px;background:#a4766a;border-radius:5px 11px 11px 5px;display:grid;place-items:center;color:#fef3db;box-shadow:inset 4px 0 #81584e55,2px 3px 0 #e3d0cb;transform:rotate(-7deg)}
.brand-symbol .icon{width:25px;height:25px}
.brand-copy{display:flex!important;flex-direction:column;gap:3px;margin:0!important}
.wordmark .wordmark-title{font:600 25px/1.3 var(--serif);color:#654d47;letter-spacing:-.08em;margin:0}
.wordmark .wordmark-sub{font:500 8px/1.5 var(--body);letter-spacing:.27em;color:#aa9089;margin:0;padding-left:2px}
.wordmark .brand-symbol{display:grid;margin:0;color:#fff2d9;font-size:inherit;letter-spacing:normal}
.wordmark .brand-symbol .icon{display:inline-flex;color:#fff2d9;margin:0;letter-spacing:normal}
.landing-quick-start{display:none}
/* The music stays outside the journal so turning a page never interrupts it. */
#audio-root{position:fixed;top:24px;right:max(4vw,20px);z-index:60;max-width:calc(100vw - 32px)}
.sound-dock{display:flex;gap:7px;align-items:center;padding:6px 10px 6px 15px;border:1px solid #e3d4d0;background:#fffcf5ec;border-radius:50px;box-shadow:0 5px 20px #8c6c6408;min-height:50px;backdrop-filter:blur(12px)}
.sound-track{width:132px;line-height:1.3}.sound-caption{font-size:7px;letter-spacing:.18em;color:#af928a;display:block}
.track-title{font-size:9px;color:#745d57;display:block}.audio-status{font-size:8px;color:#998985;display:block}
.audio-icon{width:34px;height:36px;display:grid;place-items:center;padding:8px;border-radius:50%;flex-shrink:0}
.audio-icon:hover{background:#f5e8e4}.audio-icon svg{width:18px;height:18px;fill:none;stroke:#a0776d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sound-dock input[type=range]{width:65px;border:0;min-height:32px;accent-color:#af8277;padding:0;box-shadow:none;background:transparent}
.sound-dock output{font:10px var(--body);color:#a38780;width:23px;text-align:right}
/* A tactile cover beside a page that is actually usable. */
.landing{max-width:1536px;margin:auto;padding:0 5vw}
.landing-header{height:102px;border-bottom:1px solid #e2d7d4;display:flex;align-items:center;gap:65px;padding-right:365px}
.header-note{font-size:10px;letter-spacing:.02em;color:#9d8882;display:flex;align-items:center;gap:8px;white-space:nowrap}
.header-note .dot{width:5px;height:5px;background:#a8ba99}
.landing-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.85fr);grid-template-rows:auto 1fr;column-gap:5.5%;align-items:center;padding:48px 0 28px;position:relative;min-height:705px}
.landing-story{grid-column:1;grid-row:1;padding:0 0 0 15px;position:relative;z-index:2}
.landing-story .overline{display:flex;align-items:center;gap:9px;letter-spacing:.16em;margin-bottom:14px;font-size:9px}
.tiny-star{font-size:15px;color:#c2a39b}
.landing-story h1{font-size:clamp(2.2rem,3.65vw,3.7rem);line-height:1.53;font-weight:500;margin-bottom:17px;letter-spacing:-.065em}
.landing-story h1 em{position:relative;display:inline-block;z-index:0}
.landing-story h1 em:after{content:'';position:absolute;left:0;right:-8px;height:12px;background:#e5c7bf4a;bottom:7px;z-index:-1;border-radius:50%;transform:rotate(-2deg)}
.landing-story>p{font-size:12px;line-height:1.95;color:#937f7a}
.story-colophon{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px;color:#947f7a;font-size:10px}
.story-colophon>span{display:inline-flex;align-items:center;gap:6px}.story-colophon .icon{width:14px;height:14px}
.landing-art{grid-column:1;grid-row:2;min-width:0;perspective:1100px;padding-top:6px}
.notebook-scene{position:relative;isolation:isolate;height:350px;max-width:660px;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .3s ease-out}
.orbit{position:absolute;border:1px dashed #e2d1cd;border-radius:50%;z-index:-2;pointer-events:none}
.orbit-one{width:90%;height:290px;left:4%;top:10%;transform:rotate(-14deg)}
.orbit-two{width:60%;height:300px;left:20%;top:6%;transform:rotate(32deg);border-color:#e2d5db}
.art-caption{position:absolute;left:5%;bottom:18px;color:#baa8a3;font:italic 14px var(--latin);letter-spacing:.02em;transform:rotate(-5deg)}
.journal-cover{position:absolute;width:225px;height:286px;left:27%;top:20px;background:linear-gradient(115deg,#c4a29a,#b38a80 80%);border-radius:5px 16px 17px 5px;box-shadow:inset 2px 0 3px #885f5544,inset -2px 0 0 #d3bcb6,7px 6px 0 -1px #fcf5e9,9px 7px 0 #dcd2cf,15px 23px 35px #71504825;transform:rotate(-11deg);z-index:2;color:#fff2d9}
.journal-cover:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 1h3M1 0v3' stroke='%23ffffff' stroke-opacity='.6' stroke-width='.3'/%3E%3C/svg%3E");background-size:3px 3px}
.journal-spine{position:absolute;left:0;top:0;bottom:0;width:19px;background:#a2796f55;border-right:1px solid #86605733;border-radius:5px 0 0 5px;box-shadow:inset 3px 0 6px #845c5230}
.cover-border{position:absolute;inset:16px 15px 17px 29px;border:1px solid #e4cfaa88;border-radius:3px 9px 9px 3px;display:flex;align-items:center;flex-direction:column;padding-top:20px;outline:1px solid #e4cfaa33;outline-offset:4px}
.cover-eyebrow{font:6px var(--body);letter-spacing:.17em;color:#efdfca}
.cover-star{font:43px/1 var(--latin);color:#f6de9d;margin-top:16px}
.cover-border strong{font:500 29px var(--serif);letter-spacing:-.1em;margin-top:7px;text-shadow:0 1px #84615833}
.cover-border em{font:italic 18px var(--latin);letter-spacing:.04em;margin-top:3px}
.cover-rule{width:28px;height:1px;background:#e3ccaa99;margin:14px 0 11px}
.cover-border small{font:7px/1.9 var(--body);text-align:center;color:#eadccf}
.cover-flower{font-size:20px;color:#e7ce9e;margin-top:9px}.cover-volume{font-size:4px;letter-spacing:.1em;margin-top:10px}
.cover-corner{position:absolute;width:22px;height:22px;border:2px solid #ecd5aa99;right:6px;border-left:0}.cover-corner.top{top:6px;border-bottom:0;border-radius:0 9px 0 0}.cover-corner.bottom{bottom:6px;border-top:0;border-radius:0 0 9px 0}
.journal-ribbon{position:absolute;bottom:-23px;left:35px;width:16px;height:40px;background:#b77b91;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);z-index:-1}
.journal-clasp{position:absolute;right:-16px;top:140px;width:49px;height:30px;display:grid;place-items:center;background:#d6bb85;border:1px solid #c8aa74;border-radius:5px;box-shadow:1px 3px 5px #77514822;color:#8b6c49;z-index:4}.journal-clasp .icon{width:16px}
.loose-page{position:absolute;width:205px;height:245px;top:40px;left:37%;background:repeating-linear-gradient(transparent 0,transparent 23px,#baaba822 24px),#fff9eb;transform:rotate(10deg);box-shadow:3px 4px 14px #97787013;border:1px solid #e5dbca;border-radius:3px;z-index:0;padding:21px}
.loose-page>span{font:italic 14px var(--latin);color:#b29c96}.loose-page i{display:block;height:1px;background:#b3a5a233;width:70%;margin-top:23px}.loose-page i:nth-child(3){width:88%}
.paper-photo{position:absolute;width:178px;left:4%;top:92px;transform:rotate(-21deg);padding:9px 9px 10px;background:#fffcf1;box-shadow:0 6px 20px #826b6525;border:1px solid #e9dfd5;z-index:3;text-align:center}
.paper-photo img{height:124px;object-fit:cover;filter:saturate(.7) brightness(1.1);border-radius:1px}.paper-photo>span:not(.washi-tape){font:8px var(--serif);color:#8a7a76;display:block;margin-top:11px}.paper-photo small{font-size:4px;letter-spacing:.13em;color:#a79b98;display:block;margin-top:6px}
.washi-tape,.panel-tape{position:absolute;width:70px;height:23px;top:-10px;left:calc(50% - 35px);background:repeating-linear-gradient(45deg,#e6d8d4bb 0 5px,#f1e5e2bb 5px 10px);border:1px solid #e0d3d099;transform:rotate(5deg);clip-path:polygon(0 0,98% 3%,96% 23%,100% 45%,97% 65%,100% 100%,0 98%,3% 70%,0 55%,3% 30%);z-index:4}
.paper-ticket{position:absolute;right:1%;top:192px;background:#e8eddf;color:#6e8366;padding:15px 19px 15px;transform:rotate(12deg);z-index:4;width:179px;box-shadow:0 5px 15px #826e6912;border-top:1px dashed #b7c5a9;border-bottom:1px dashed #b7c5a9}
.paper-ticket:before,.paper-ticket:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--bg);top:46%;left:-7px}.paper-ticket:after{left:auto;right:-7px}
.paper-ticket>span{font-size:6px;letter-spacing:.16em}.paper-ticket strong{display:block;font:36px/1.1 var(--latin);letter-spacing:.08em;margin:5px 0}.paper-ticket small{font-size:6px}.paper-ticket i{height:12px;width:45px;display:block;background:repeating-linear-gradient(90deg,#8b9c7e 0 1px,transparent 1px 3px,#8b9c7e 3px 5px,transparent 5px 7px);position:absolute;right:15px;bottom:16px;opacity:.5}
.sticker-star{position:absolute;color:#c2a264;z-index:5;text-shadow:1px 2px #fff9;pointer-events:none}.star-one{font-size:43px;right:12%;top:25px;transform:rotate(15deg)}.star-two{font-size:24px;left:8%;top:32px;color:#be9e96}.star-three{font-size:19px;left:17%;bottom:32px;color:#be9b93}
.handwritten-note{position:absolute;right:1%;top:94px;font:11px var(--serif);color:#aa938e;transform:rotate(9deg)}.handwritten-note svg{position:absolute;width:73px;left:12px;top:24px;fill:none;stroke:#bfa59f;stroke-width:1.3;stroke-linecap:round}
.entry-panel{grid-column:2;grid-row:1/3;align-self:center;position:relative;background:repeating-linear-gradient(transparent 0,transparent 29px,#ccbbb714 30px),#fffcf5;padding:33px 30px 24px;border:1px solid #e2dbd9;border-radius:3px 10px 12px 3px;box-shadow:4px 5px 0 -1px #f8f1e9,5px 6px 0 #dfd8d6,0 16px 45px #785b540b;transform:rotate(1deg)}
.entry-panel:before{content:'';position:absolute;left:14px;top:0;bottom:0;border-left:1px solid #dca2ab33;pointer-events:none}
.panel-tape{width:100px;height:27px;left:calc(50% - 50px);top:-14px;background:repeating-linear-gradient(-45deg,#e6cbd17a 0 6px,#f1dce17a 6px 12px);border-color:#dfbfc866;transform:rotate(-4deg)}
.entry-caption{display:flex;align-items:center;justify-content:space-between;color:#b0948d;font-size:8px;letter-spacing:.18em}.entry-caption span:last-child{font-size:25px;color:#c1a29a}
.page-number{position:absolute;font:italic 83px/1 var(--latin);color:#e5dbd83d;right:27px;top:55px;pointer-events:none}
.entry-panel h2{font-size:1.6rem;line-height:1.6;margin:14px 0 7px;position:relative;font-weight:500}
.entry-intro{font-size:11px;color:#a9928c;margin-bottom:19px;position:relative}
.auth-tabs{display:flex;gap:22px;border-bottom:1px solid #e4dad8;margin-bottom:22px}
.auth-tabs button{color:#a9948f;font-size:11px;border-bottom:2px solid transparent;padding:10px 0 11px;min-height:44px}
.auth-tabs button.active{color:#9b6b5f;border-color:#c1958a;font-weight:600}
.entry-panel form{display:grid;gap:10px}.entry-panel label:not(.device-check){font-size:11px;color:#8a736e;margin-bottom:0}
.entry-panel input:not([type=checkbox]){min-height:49px;font-size:14px;background:#fffdfa}
.device-check{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.8;margin:5px 0 7px;color:#94827d;cursor:pointer!important}
.device-check input{flex-shrink:0;margin-top:3px;cursor:pointer!important;accent-color:#b08378}
.device-check small{display:block;font-size:9px;color:#ae9c98}.entry-panel .form-message{min-height:12px;font-size:11px}
.entry-panel .button{font-size:12px;margin-top:1px}.entry-note{font-size:9px;line-height:1.95;margin-top:7px}
.legacy-link{font-size:9px;color:#ab948e;min-height:44px;text-decoration:underline;text-underline-offset:4px;margin-top:3px}
.panel-colophon{display:flex;justify-content:center;gap:7px;align-items:center;border-top:1px solid #e9e2e0;padding-top:16px;font-size:8px;color:#b7a29d;margin-top:4px}.panel-colophon>span{font-size:13px;color:#c8b07b}
.entry-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5d8d4;padding:23px 0 26px;color:#ac938d;font-size:10px}
.entry-footer>span:first-child{font-family:var(--serif);font-size:11px}.entry-footer p{font-size:9px}.footer-signature{font:italic 15px var(--latin);color:#b8a29c}
/* The open notebook: bookmarks, photographs and ruled investigation pages. */
.rail{background:#f3e9e6;border-color:#e4d4d0;padding:32px 24px;box-shadow:inset -5px 0 0 #ece0dd55}
.rail .wordmark{margin-bottom:50px;padding:0}.rail .brand-symbol{width:35px;height:41px}.rail .wordmark-title{font-size:23px}.rail .wordmark-sub{font-size:7px}
.rail-label{font-size:7px;letter-spacing:.14em;color:#ab938d;margin-bottom:16px}
.nav{gap:8px}.nav button{border-radius:8px;color:#a58e88;gap:13px;font-size:.83rem;padding:12px 10px;min-height:49px}
.nav button.active{color:#8a6157;background:#fffcf5bd;box-shadow:0 3px 8px #865f5508}
.nav button:hover{background:#faf3f2}.nav button.active:after{background:#c0988e;width:4px;height:4px}.nav .icon{width:17px;height:17px}.nav-index{display:none}
.rail-footer{border:0;color:#ae9791;padding-top:0}.rail-footer .note{font-size:11px;line-height:2}
.rail-seal{border:1px solid #d4bdb7;border-radius:50%;width:99px;height:99px;outline:1px solid #dac9c5;outline-offset:-6px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:40px/1 var(--latin);transform:rotate(-12deg);color:#b2948c;margin-bottom:24px}.rail-seal>span{font:5px var(--body);letter-spacing:.16em;margin-top:8px}
.version-line{display:block;color:#a9928c;font-size:8px;margin-top:28px}.version-line .dot{width:5px;height:5px;margin-right:4px}
.workspace{padding:0 4vw 70px;position:relative;max-width:1560px;width:100%;background:linear-gradient(90deg,#eaddda33,transparent 20px)}
.topbar{height:103px;padding-right:355px;border-color:#e5d8d4}.topbar .context{font-size:8px;letter-spacing:.09em;color:#b49b95}.topbar .row{gap:14px}.topbar .button{font-size:10px;min-height:38px;padding:8px 13px}.topbar .profile-link span{font-size:11px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .avatar{width:32px;height:32px;font-size:14px}
.page{padding-top:30px;perspective:1400px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:2rem;line-height:1.6}.page-heading p{font-size:12px;color:#9d8a85}.editorial-heading{align-items:center}.editorial-heading h1{font-size:clamp(1.8rem,2.6vw,2.7rem);font-weight:500}.editorial-heading .overline{font-size:8px;margin-bottom:10px}
.edition-stamp{border:1px solid #dac3be;display:grid;text-align:center;padding:10px 18px;color:#aa938e;font-size:8px;letter-spacing:.14em;transform:rotate(7deg);background:#fffcf566;outline:1px dashed #e3d0cb;outline-offset:4px;margin-right:12px}.edition-stamp strong{font:39px/1.2 var(--latin);color:#ab847a}.edition-stamp>span{font-size:6px}
.featured.case-feature{background:#fffcf5;border:1px solid #e2dbd9;border-radius:5px 13px 13px 5px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;padding:23px;box-shadow:0 5px 0 -2px #e7dcd9,0 15px 35px #947c7608;min-height:360px;position:relative;margin-top:10px}
.case-feature:before{content:'';position:absolute;top:-11px;left:32%;width:92px;height:24px;background:repeating-linear-gradient(45deg,#e3cdd79c 0 5px,#efdee69c 5px 10px);transform:rotate(-5deg);z-index:2}
.case-feature .feature-media{height:100%;min-height:310px;border:7px solid #f4ecdf;border-bottom-width:27px;border-radius:2px;transform:rotate(-1.5deg);box-shadow:0 3px 9px #6a5a5612;order:0}
.case-feature .feature-media img{min-height:0;height:100%;filter:saturate(.75) brightness(1.05);object-position:55% 50%}.case-feature .feature-media:hover img{transform:scale(1.045)}
.case-stamp{position:absolute;left:12px;top:12px;border:1px solid #fff6dd88;background:#624d478a;color:#fff3d7;padding:10px;font-size:6px;letter-spacing:.13em;text-align:center}.case-stamp strong{display:block;font:30px/1.2 var(--latin)}
.image-caption{color:#fff1dc;font-size:7px;letter-spacing:.07em;background:linear-gradient(transparent,#48393599);padding:30px 14px 14px}
.case-feature .featured-copy{padding:9px 0;align-items:flex-start}.case-feature h2{font-size:clamp(1.6rem,2.1vw,2.2rem);font-weight:500;line-height:1.6;margin:3px 0 15px}.case-feature .summary{font-size:12px;line-height:1.9;color:#937f7a}.case-feature .meta-line{font-size:9px;color:#ac938d;margin:15px 0 17px;gap:13px}.case-feature .button{margin-top:0;font-size:11px;padding:11px 15px;min-height:45px}.case-feature .row{gap:9px}.case-feature .text-button{font-size:10px;margin-top:13px}
.lobby-bottom{grid-template-columns:1.5fr 1fr;margin-top:34px;gap:30px}.section-heading h2{font-size:1rem;font-weight:500}.section-heading .small{font-size:7px;letter-spacing:.09em}.future-grid{gap:19px}
.future .thumbnail{border:6px solid #fffcf5;border-radius:3px;height:143px;box-shadow:0 3px 9px #816a650e;transform:rotate(-1deg)}.future:nth-child(2) .thumbnail{transform:rotate(1deg)}.future img{filter:saturate(.65) brightness(1)}.future .badge{background:#fffcf5e8;color:#8b7873;border-color:#e6d9d5;font-size:7px;top:8px;left:8px}.future:hover{transform:translateY(-4px)}
.future-label{display:flex;align-items:center;gap:8px}.future-number{font:20px var(--latin);color:#baa39d}.future-label h3{flex:1;font-size:.85rem}.future-label>span:last-child{color:#c1a59e}.future p{font-size:10px;color:#a8938d;margin-top:6px}
.my-record{border-color:#e4d4d0;padding-left:25px}.my-record .text-button{font-size:9px}.my-record .empty{border:0;padding:14px 0}.my-record .empty strong{font:500 1.1rem var(--serif);margin:8px 0 12px}.my-record .empty .note{font-size:11px}.empty-mark{font:60px/.6 var(--latin);color:#dabdb6;display:block;margin-top:15px}.record-line{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e0cec9;padding-top:14px;font-size:7px;letter-spacing:.13em;color:#ac9590}.record-line strong{font:30px var(--latin);color:#ab8880}
.resume{background:#e9efdf;border:1px solid #cfdbbd;border-radius:8px;color:#697a57}.resume p{font-size:12px}
.catalog-nav{gap:8px}.catalog-item{border-color:#e2d3d0;padding:16px 12px;border-radius:6px;color:#aa938d}.catalog-item.active{background:#fffcf5;color:#8a6359;border:1px solid #e3d3cf}.catalog-item span{color:#bc9a92}.catalog-art,.room-banner{border:8px solid #fffcf5;border-bottom-width:24px;box-shadow:0 4px 14px #816a6513;border-radius:4px}.catalog-art img{filter:saturate(.8) brightness(1.04)}.catalog-body h2{font-weight:500}.catalog-body .summary{font-size:13px}.spec-list div{border-color:#e1cdc8}.room-banner .overline,.room-banner h2{color:#fff5dd}.room-banner img{filter:brightness(.8) saturate(.8)}.party-member{border-color:#e4d6d3}.party-member small{color:#ab948e}.party-member .status{color:#759068}.room-side{border-color:#e0d0cc}.code{color:#a67b70;letter-spacing:.17em;font-size:2.3rem}.room-rules{color:#9c8883;font-size:.8rem}
.game-heading h1{font-size:1.65rem}.step{background:#e9d7d3;height:5px;border-radius:5px}.step.active{background:#bb9389}.online-person{background:#eee2df!important;color:#95766e!important;border-color:#decdc9!important;border-radius:20px!important}.online-person.offline{opacity:.6}
.locations{gap:8px;overflow-x:auto;white-space:nowrap;border-bottom:0;padding-bottom:5px;scrollbar-width:thin}.locations button{padding:10px 16px;border:1px solid #e6d7d3;border-radius:8px;background:#fffaf677;font-size:12px;min-height:44px;color:#a8938d}.locations button.active{background:#ece0dd;color:#936b61;border-color:#cbada5}.locations small{color:#b69f99}
.scene{border:8px solid #fffcf5;border-bottom-width:24px;border-radius:4px;box-shadow:0 4px 14px #816a6513;height:330px}.scene img{filter:saturate(.8) brightness(1.05)}.scene .scene-label{background:#5a453fbf;color:#fff5e3;border-radius:5px;font-size:10px}.scene .scene-top{background:#fff9efe8;color:#a07a71;border-color:#e0cdc8}.scene-note{color:#ad9690;font-size:10px}.rules{border-color:#e2d1cd;margin-top:10px}.rules h3{color:#a88177}.rules p{color:#937d77;font-size:12px}
.clue{background:repeating-linear-gradient(transparent 0 28px,#d8c9ba26 28px 29px),#fcf3dd;border:1px solid #e6d9b9;border-radius:3px;box-shadow:2px 3px 0 #e7dbc1;transform:rotate(-.3deg);color:#897451}.clue .overline{color:#b39b6b}.clue p{font-size:12px;line-height:2}
.action-panel{background:#fffcf5;border:1px solid #e4d7d3;border-radius:4px 12px 12px 4px;box-shadow:3px 4px 0 #ede2df;padding:25px}.action-panel h2{font-size:1.2rem}.action-panel .small{font-size:11px;color:#aa938e}.action-panel label{color:#957e78}.radio-option{color:#967c75;background:#f9f2f1;border-color:#ebddd9;border-radius:7px;min-height:44px}.radio-option:has(input:checked){background:#eee1de;border-color:#cbaba3;color:#896056}.pending{border-color:#e9dad7}
.tabs{gap:9px;border-color:#e3d5d2;scrollbar-width:thin}.tabs button{padding:12px 13px;color:#aa918b;font-size:12px;min-height:46px}.tabs button.active{background:#fffcf599;color:#966b61;border-color:#b9948b;border-radius:8px 8px 0 0}.trial{background:#fffcf5;border:1px solid #e8dbd8;border-radius:8px;padding:20px}.trial-meta{color:#ae9791!important}.trial-title{font-family:var(--body)}
.comparison{border-color:#eaddd9!important}.kv,.kv span,.kv strong{color:#947b75!important}.kv .changed,.changed{color:#9a7369!important}.trial details{border-color:#e8dbd8}.trial summary{color:#a9867e}.hypothesis,.history-row{border-color:#e6d8d4!important}.chat-list{background:#fffcf588!important;border-color:#e6d7d4!important;border-radius:8px}.chat-message .bubble,.chat-bubble{background:#eee1dd!important;color:#896860!important}.chat-message,.chat-message p{color:#856e68!important}.chat-message small,.chat-message time{color:#aa938e!important}.chat-entry{border-color:#e6d9d6!important}.chat-entry p,.history-row{color:#947d77!important}.history-row span{color:#ae9791!important}
.result-paper{background:repeating-linear-gradient(transparent 0 29px,#cdbbb612 29px 30px),#fffcf5;border:1px solid #e5d6d3;border-radius:4px 12px 12px 4px;box-shadow:5px 6px 0 -1px #ede5e3,6px 7px 0 #ded1cd;padding:34px}.result-paper h2{color:#966f65;font-weight:500}.result-paper .description{color:#967f79}.result-facts{border-color:#e9dad7}.result-facts strong{color:#b58e84;font-family:var(--latin);font-size:2rem}.result-facts span{color:#aa938e}.evidence p{color:#99847e;border-color:#d5b9b2}.profile-panel{border-color:#e5d5d1}.profile-stats{display:grid;gap:17px;grid-template-columns:1fr 1fr}.profile-stats strong{font-family:var(--latin);font-size:2.2rem;color:#b48d83}.profile-stats span{font-size:10px}.profile-panel h2{font-weight:500}.profile-panel .large{border-radius:20px}.recovery-box{margin-top:25px;padding:22px 0;border-block:1px dashed #e1ccc7}.recovery-box h3{font-size:1rem;margin-bottom:10px}.recovery-box .button{margin-top:17px}.profile-panel code,.setting-box code{overflow-wrap:anywhere}.result-card{background:#fffcf577;border:1px solid #e9dbd8;border-radius:9px;padding:20px;margin-bottom:14px}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #8a61570c}.result-card h3{font-size:1.2rem}
.setting-box{max-width:850px;background:#fffcf566;border:1px solid #e8dbd7;border-radius:9px;padding:24px;margin-bottom:21px}.setting-box h2{font-size:1.2rem;font-weight:500;margin-bottom:20px}.setting-row{padding-bottom:15px;border-bottom:1px dashed #e6d5d1}.setting-row:last-child{border:0;padding-bottom:0;margin-bottom:0}.setting-row p{color:#967d77}.setting-row .button{flex-shrink:0;min-width:70px}
.modal-backdrop{background:#4e383266;backdrop-filter:blur(7px)}.modal{background:repeating-linear-gradient(transparent 0 29px,#dbc9c516 29px 30px),#fffcf5;border:1px solid #ddcac5;box-shadow:5px 6px 0 -1px #eae2e0,6px 7px 0 #d2c1bd,0 30px 80px #472f2935;border-radius:5px 15px 15px 5px;padding:30px;animation:noteUnfold .55s var(--ease)}.modal-head h2{font:500 1.45rem var(--serif)}.modal .close{background:#f3e9e6;border-radius:50%;color:#ae8b83}.modal #secretKey{font:13px ui-monospace,monospace}.modal .note{font-size:12px}.modal .button{font-size:12px}#toast{color:#fff7eb;background:#a37b70;border:1px solid #caaca4;border-radius:10px;box-shadow:0 8px 25px #83564b2b;font-size:12px;bottom:24px}#ink-trail{position:fixed;inset:0;pointer-events:none;z-index:95}
@keyframes noteUnfold{from{opacity:0;transform:perspective(1000px) rotateX(-12deg) rotateZ(-3deg) translateY(30px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){body,button,a,label{cursor:url('/assets/pen-cursor.svg') 5 43,auto}input,textarea{cursor:text}input[type=range]{cursor:ew-resize}button:disabled{cursor:not-allowed}}
@media(min-width:1650px){.landing{padding-inline:65px}.landing-stage{min-height:770px}.landing-story h1{font-size:3.9rem}.notebook-scene{height:390px}.journal-cover{width:245px;height:310px}.cover-border{padding-top:25px}.cover-star{margin-top:20px}.cover-border strong{font-size:32px}.cover-flower{margin-top:13px}.paper-photo{width:195px}.paper-photo img{height:140px}.paper-ticket{top:218px}.workspace{padding-inline:55px}}
@media(max-width:1250px){:root{--rail:195px}.rail{padding-inline:18px}.workspace{padding-inline:30px}.header-note,.topbar .context{display:none}.landing{padding-inline:4vw}.landing-stage{column-gap:4%;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.landing-story{padding-left:0}.landing-story h1{font-size:3.1rem}.notebook-scene{height:345px}.journal-cover{left:27%;width:210px;height:275px}.paper-photo{left:0;width:153px;top:100px}.paper-photo img{height:111px}.paper-ticket{width:160px;right:0;top:217px;padding:11px 16px}.paper-ticket strong{font-size:30px}.paper-ticket i{width:30px}.handwritten-note{right:0;top:101px;font-size:9px}.star-one{right:5%}.entry-panel{padding-inline:25px}.featured.case-feature{gap:23px;padding:20px}.case-feature .feature-media{min-height:315px}.lobby-bottom{grid-template-columns:1fr}.my-record{border-left:0;border-top:1px dashed #e1ccc7;padding-left:0;padding-top:25px}.my-record .empty{padding-top:4px}.record-line{max-width:260px}}
@media(max-width:1000px){.landing-stage{grid-template-columns:minmax(0,1fr) 340px;column-gap:20px;padding-top:39px;min-height:700px}.landing-story h1{font-size:2.55rem}.landing-story>p{font-size:11px}.story-colophon{gap:12px;font-size:8px}.story-colophon>span:last-child{display:none}.journal-cover{width:184px;height:255px;left:27%;top:32px}.cover-border{inset:14px 12px 14px 26px;padding-top:16px}.cover-border strong{font-size:25px}.cover-star{font-size:37px;margin-top:13px}.cover-rule{margin-block:10px}.cover-border em{font-size:16px}.cover-flower{margin-top:7px}.cover-volume{font-size:3px}.paper-photo{width:137px;top:135px;left:-2%;padding:7px 7px 10px}.paper-photo img{height:90px}.paper-photo>span:not(.washi-tape){font-size:7px}.paper-ticket{width:135px;top:236px;right:0}.paper-ticket small{font-size:5px}.paper-ticket i{display:none}.paper-ticket strong{font-size:28px}.loose-page{width:160px;height:225px;left:42%;top:50px}.handwritten-note{font-size:8px;right:-2%;top:83px}.star-one{font-size:32px;right:0;top:15px}.orbit-one{height:240px;top:20%}.orbit-two{height:260px}.art-caption{font-size:11px;bottom:14px}.entry-footer p{display:none}.topbar{padding-right:345px}.topbar .profile-link span:not(.avatar){display:none}.featured.case-feature{grid-template-columns:1fr}.case-feature .feature-media{height:300px;min-height:0}.case-feature .featured-copy{padding:5px}.case-feature h2{font-size:2rem}.case-feature h2 br{display:none}.case-feature .summary br{display:none}.game-grid,.wait-layout,.profile-layout{grid-template-columns:1fr}.room-side,.profile-panel{border:0;padding:0}.game-grid{gap:25px}.action-panel{margin-top:8px}.catalog{grid-template-columns:1fr}}
@media(max-width:760px){
  html{font-size:14px;scroll-padding-top:125px}:root{--rail:0px}.shell{display:block}
  .landing{padding:0 22px}.landing-header{height:80px;padding:0;justify-content:space-between}.landing .brand-symbol{width:33px;height:38px}.landing .wordmark-title{font-size:23px}.landing .wordmark-sub{font-size:7px}
  #audio-root{top:91px;left:22px;right:22px;max-width:none}.sound-dock{min-height:43px;padding:3px 9px 3px 14px;width:100%;gap:5px;background:#fffcf5ed}.sound-track{flex:1;width:auto}.sound-caption{display:none}.track-title{font-size:9px}.audio-status{font-size:7px}.audio-icon{width:35px;min-height:36px}.sound-dock input[type=range]{width:64px}.sound-dock output{font-size:9px;width:20px}
  .landing-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:93px 0 33px;gap:0;min-height:0}.landing-story{grid-column:1;grid-row:1;padding:0 4px}.landing-story .overline{font-size:7px;letter-spacing:.13em;margin-bottom:12px}.landing-story h1{font-size:clamp(2.25rem,7.4vw,3.7rem);line-height:1.55;margin-bottom:16px}.landing-story>p{font-size:12px;line-height:1.95}.story-colophon{margin-top:19px;gap:18px;font-size:9px}.story-colophon>span:last-child{display:inline-flex}
  .landing-art{grid-row:2;grid-column:1;padding-top:12px;margin:7px 0 26px}.notebook-scene{width:min(100%,480px);margin:auto;height:335px;transform:none!important}.journal-cover{width:200px;height:267px;left:27%;top:18px}.cover-border{padding-top:17px}.cover-star{font-size:40px;margin-top:13px}.cover-border strong{font-size:27px}.cover-border em{font-size:17px}.cover-flower{margin-top:10px}.cover-volume{font-size:4px}.paper-photo{left:1%;top:107px;width:146px;transform:rotate(-19deg)}.paper-photo img{height:104px}.paper-ticket{width:145px;top:220px;right:1%}.paper-ticket strong{font-size:30px}.paper-ticket small{font-size:6px}.handwritten-note{right:0;top:90px;font-size:9px}.star-one{right:5%;top:12px;font-size:33px}.star-two{left:6%;top:31px}.star-three{bottom:13px;left:15%}.art-caption{font-size:12px;bottom:8px;left:7%}.loose-page{width:185px;height:231px;left:36%;top:38px}.orbit-one{top:13%;height:255px}.orbit-two{height:270px;top:9%}
  .landing-quick-start{display:inline-flex;margin-top:20px;font-size:11px;gap:9px;color:#a2796e;padding:10px 0;min-height:44px;border-bottom:1px solid #d9bcb4}
  .entry-panel{grid-column:1;grid-row:3;width:100%;max-width:480px;margin:auto;transform:rotate(.4deg);padding:31px 26px 23px}.entry-panel h2{font-size:1.7rem}.entry-intro{font-size:12px}.entry-caption{font-size:8px}.auth-tabs{gap:25px;margin-top:20px;margin-bottom:24px}.auth-tabs button{font-size:12px;min-height:47px}.entry-panel form{gap:12px}.entry-panel input:not([type=checkbox]){font-size:16px;min-height:52px}.entry-panel label:not(.device-check){font-size:12px}.device-check{font-size:11px;margin-block:5px}.device-check small{font-size:10px}.entry-panel .button{font-size:13px;min-height:52px}.entry-note{font-size:10px}.legacy-link{font-size:10px;margin-top:4px}.panel-colophon{font-size:8px;padding-top:19px}.entry-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;text-align:center;padding:23px 0}.entry-footer>span:first-child{width:100%;font-size:11px}.footer-signature{font-size:13px}
  .rail{position:fixed;inset:auto 0 0;width:100%;height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 10px env(safe-area-inset-bottom,0px);border-top:1px solid #ddc8c2;background:#fffcf5f2;backdrop-filter:blur(16px);z-index:70;box-shadow:0 -6px 20px #865f5509}.rail .wordmark,.rail-footer,.rail-label{display:none}.rail .nav{display:flex;height:71px;gap:6px;align-items:center;justify-content:space-around}.nav button{flex:1;flex-direction:column;padding:7px 2px;gap:4px;font-size:9px;min-height:56px;margin:4px 0;border-radius:11px;width:auto}.nav button.active{background:#f3e6e3;box-shadow:none}.nav button.active:after{display:none}.nav .icon{display:flex;width:20px;height:20px}.nav-index{display:none}
  .workspace{padding:0 22px calc(103px + env(safe-area-inset-bottom,0px));background:none;max-width:100%}.topbar{height:151px;align-items:flex-start;padding:21px 0 0;gap:12px}.topbar:before{content:attr(data-project-title);font:600 23px/1.6 var(--serif);color:#8b6258;letter-spacing:-.08em}.topbar .row{gap:9px}.topbar .button{min-height:40px;font-size:10px;padding:9px 12px}.topbar .profile-link .avatar{display:grid;width:34px;height:34px;border-radius:11px}.topbar .profile-link span:not(.avatar){display:none}
  .page{padding-top:27px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:1.8rem;line-height:1.6}.page-heading p{font-size:11px}.editorial-heading h1{font-size:clamp(1.9rem,6.5vw,2.6rem);font-weight:500}.edition-stamp{padding:9px 11px;font-size:6px;margin-right:4px}.edition-stamp strong{font-size:29px}.edition-stamp>span{font-size:5px}.editorial-heading .overline{font-size:7px}.editorial-heading p{font-size:11px;margin-top:12px}
  .featured.case-feature{padding:16px;gap:16px;border-radius:4px 11px 11px 4px}.case-feature .feature-media{height:240px;min-height:0;border-width:5px;border-bottom-width:20px}.case-feature .featured-copy{padding:5px 2px 6px}.case-feature h2{font-size:1.8rem;line-height:1.6;margin:7px 0 13px;max-width:none}.case-feature h2 br{display:none}.case-feature .summary{font-size:12px;line-height:1.9}.case-feature .summary br{display:inline}.case-feature .meta-line{font-size:9px;gap:13px;margin:15px 0 18px}.case-feature .button{min-height:46px;font-size:12px;padding:11px 15px}.case-feature .text-button{font-size:11px}.case-stamp{font-size:6px;padding:8px;left:10px;top:10px}.case-stamp strong{font-size:25px}.image-caption{font-size:6px;padding:30px 12px 13px}
  .lobby-bottom{margin-top:31px;gap:26px;grid-template-columns:1fr}.future-grid{gap:13px}.future .thumbnail{height:123px;border-width:5px}.future-label h3{font-size:11px;line-height:1.7}.future-number{font-size:17px}.future p{font-size:9px;line-height:1.8}.future-label>span:last-child{display:none}.section-heading h2{font-size:1.08rem}.section-heading .small{font-size:6px}.my-record .empty .note{font-size:12px}.my-record .empty strong{font-size:1.2rem}.my-record .text-button{font-size:10px}
  .catalog-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-item{padding:12px 9px;display:block}.catalog-item strong{font-size:11px;line-height:1.7}.catalog-item span{display:block;margin-bottom:5px}.catalog-art{height:230px;border-width:6px;border-bottom-width:18px}.catalog-body h2{font-size:1.8rem}.catalog-body .summary{font-size:12px}.catalog-body .row{flex-wrap:wrap}.spec-list{gap:20px}.spec-list div{font-size:11px}
  .wait-layout,.game-grid,.profile-layout{grid-template-columns:minmax(0,1fr);gap:26px}.party-grid{grid-template-columns:1fr 1fr;gap:0 13px}.party-member{gap:9px;min-height:87px;min-width:0}.party-member p{font-size:11px;overflow-wrap:anywhere}.party-member small{font-size:9px}.party-member .status{font-size:9px}.party-member .avatar{width:31px;height:31px;font-size:13px;border-radius:10px}.room-side,.profile-panel{padding:0;border:0}.room-banner{height:210px;border-width:6px;border-bottom-width:18px}.room-banner h2{font-size:1.4rem}.room-rules{font-size:12px}.room-actions .button{min-height:50px}
  .game-heading{align-items:flex-start;gap:10px}.game-heading h1{font-size:1.4rem;line-height:1.65}.game-heading .row{gap:4px}.game-heading .button{padding-inline:8px;font-size:10px;min-height:42px}.steps{gap:5px}.step{width:20px}.online-strip{gap:5px!important}.online-person{font-size:9px!important}.locations{gap:7px}.locations button{font-size:11px;padding:10px 13px;flex-shrink:0}.scene{height:250px;border-width:6px;border-bottom-width:20px}.scene .scene-label{font-size:9px;padding:7px 9px;left:10px;bottom:12px}.scene-note{font-size:9px;line-height:1.8}.scene-top{font-size:9px}.action-panel{padding:22px}.action-panel h2{font-size:1.3rem}.action-panel form{gap:17px}.radio-option{padding:12px;min-height:48px;font-size:12px}.rules p,.clue p{font-size:12px}.game-lower{margin-top:28px}.tabs{gap:4px;overflow-x:auto;max-width:100%;white-space:nowrap}.tabs button{font-size:11px;padding:12px 10px;flex-shrink:0}.comparison{grid-template-columns:1fr 1fr}.kv{font-size:10px}.trial{padding:17px}.trial .trial-title{font-size:12px}.trial .badge{font-size:8px}.columns2{grid-template-columns:1fr}.result-paper{padding:24px}.result-paper h2{font-size:1.7rem}.result-paper .description{font-size:12px;line-height:1.9}.result-facts{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-facts strong{font-size:2rem}.result-facts span{font-size:9px}.end-title h1{font-size:1.9rem}.evidence p{font-size:12px}.profile-panel form{gap:17px}.profile-stats{gap:18px}.result-card{padding:20px}.profile-panel .row{flex-wrap:wrap}.recovery-box .note{font-size:12px}.setting-box{padding:20px}.setting-box h2{font-size:1.3rem}.setting-row{gap:15px;align-items:center}.setting-row p{font-size:12px}.setting-row .note{font-size:10px}.setting-row .button{padding:10px 12px;font-size:11px;min-height:44px}.setting-row input[type=range]{width:105px;flex-shrink:0}.setting-box>.row .button{font-size:11px;min-height:46px}
  .modal-backdrop{padding:18px}.modal{padding:25px 22px;max-height:calc(100dvh - 65px - env(safe-area-inset-bottom,0px));border-radius:5px 12px 12px 5px}.modal-head h2{font-size:1.4rem;line-height:1.6}.modal .close{flex-shrink:0}.modal form{gap:19px}.modal .row.wrap{gap:9px}.modal .row.wrap .button{flex:1;min-width:100px}.modal .note{font-size:11px}.private-warning{font-size:11px}.modal #secretKey{font-size:12px}#toast{bottom:calc(88px + env(safe-area-inset-bottom,0px));left:50%;font-size:11px;max-width:calc(100vw - 35px);text-align:center;padding:13px 17px}.resume{align-items:flex-start;padding:14px;gap:10px}.resume p{font-size:11px}.resume .button{font-size:10px;min-height:44px;padding:10px}
}
@media(max-width:380px){.landing,.workspace{padding-inline:18px}#audio-root{left:18px;right:18px}.landing-story h1{font-size:2.2rem}.story-colophon{gap:12px;font-size:8px}.story-colophon>span:last-child{display:none}.notebook-scene{height:312px}.journal-cover{left:25%;width:185px;height:253px}.cover-border strong{font-size:25px}.cover-star{font-size:35px}.paper-photo{width:128px;top:116px;left:0}.paper-photo img{height:88px}.paper-ticket{width:128px;top:220px;right:0;padding:9px 14px}.paper-ticket strong{font-size:25px}.paper-ticket small{font-size:5px}.handwritten-note{font-size:8px;right:-2%;top:85px}.loose-page{width:164px;height:219px;left:37%}.entry-panel{padding-inline:24px}.entry-panel h2{font-size:1.55rem}.edition-stamp{display:none}.case-feature .button{font-size:11px;padding-inline:13px}.case-feature .row{gap:8px}.case-feature .feature-media{height:215px}.game-heading h1{font-size:1.25rem}.game-heading .steps{display:none}.future .thumbnail{height:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.notebook-scene{transform:none!important}}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.reduce-motion .notebook-scene{transform:none!important}

/* The chosen edition: vermilion on black linen, with warm paper inside. */
:root{--bg:#171517;--surface:#242022;--surface2:#2e2526;--ink:#f2e7dc;--muted:#ae9d99;--line:#3c3133;--gold:#e97559;--green:#a6ad8c;--danger:#eb9b8c}
html{color-scheme:dark;overflow-x:clip}
body{background:radial-gradient(ellipse at 14% 10%,#6c2e2426,transparent 45%),radial-gradient(ellipse at 90% 50%,#84372b12,transparent 48%),#171517}
body:before{z-index:0;opacity:.08;background-image:radial-gradient(#b8a39b .5px,transparent .5px)}
#app{position:relative}
input,textarea,select{color:#4b3933;background:#fffaf0;border-color:#d9c8ba;color-scheme:light}
input:focus,textarea:focus,select:focus{border-color:#d67c62;box-shadow:0 0 0 4px #d67c621c}
input::placeholder,textarea::placeholder{color:#a18f84}
label{color:#bcaaa0}
::selection{color:#fff7ec;background:#a84f3e}
:focus-visible{outline-color:#f28a6e}
.wordmark .wordmark-title{color:#f0e2d5}.wordmark .wordmark-sub{color:#a18b80}
.wordmark .brand-symbol{background:#292123;box-shadow:inset 4px 0 #100e1044,2px 3px 0 #5d3f36;color:#e87557;border:1px solid #624438}
.wordmark .brand-symbol .icon{color:#ed7b5e}
.button{background:#e97559;color:#261815;box-shadow:0 4px 0 #a2423040;font-weight:600}
.button:hover:not(:disabled){background:#f28a6c;box-shadow:0 7px 0 #a2423030,0 10px 25px #e9755910}
.button.secondary{background:transparent;border-color:#765045;color:#e3b7a4}
.button.secondary:hover:not(:disabled){background:#73382a22;border-color:#ba7158}
.button.quiet{color:#b29a90;background:transparent}
.button.danger{background:#5d302c;color:#f4b6a4}
.text-button{color:#df8d72}.overline{color:#bd7862}.note{color:#a9968c}
.badge{background:#302526;color:#c99e8b;border-color:#624438}
.badge.live{background:#33392c;color:#b3c19a;border-color:#5f6d4d}
.notice{background:#efe1d1;color:#885643;border-color:#c88160}
.private-warning,.warning,.connection{background:#f4e1ca;color:#8e5a36;border-color:#c8a17a}
.avatar{background:#3a292a!important;border-color:#6a4942!important;color:#e29a7f;box-shadow:inset 0 0 0 3px #1d191b44}
.empty strong{color:#e2cebf}
.sound-dock{background:#221e1ff0;border-color:#493334;box-shadow:0 5px 20px #0002}
.sound-caption{color:#bb7861}.track-title{color:#c6aaa0}.audio-status{color:#8f7b73}.audio-icon svg{stroke:#e59377}.audio-icon:hover{background:#3e2929}.sound-dock input[type=range]{accent-color:#e17b5b}.sound-dock output{color:#bd9787}
.landing-header,.entry-footer{border-color:#3b2e2e}.header-note{color:#9b7c72}.header-note .dot{background:#c47a59}
.landing-story h1{color:#f2e7dc}.landing-story h1 em{color:#ec785b}.landing-story h1 em:after{background:#a9462c33}
.landing-story>p{color:#b39b90}.tiny-star{color:#e68e69}.story-colophon{color:#9c8075}
.entry-footer{color:#98786b}.footer-signature{color:#a27868}
.orbit-one{border-color:#6d443744}.orbit-two{border-color:#8b52342b}.art-caption{color:#956c5b}
.journal-cover{background:linear-gradient(115deg,#30282b,#1e1b1e 80%);color:#e67d5f;box-shadow:inset 2px 0 3px #100e1144,inset -2px 0 0 #644338,7px 6px 0 -1px #e2c4a4,9px 7px 0 #594136,15px 23px 35px #0007}
.journal-spine{background:#100e1144;border-color:#5e3a2e66;box-shadow:inset 3px 0 6px #0004}
.cover-border{border-color:#a2583f99;outline-color:#a2583f44}.cover-eyebrow{color:#be856d}.cover-star{color:#ed7956}.cover-border strong{color:#ed7959;text-shadow:0 1px #0004}.cover-border em{color:#d49678}.cover-rule{background:#be6e4c77}.cover-border small{color:#ad816e}.cover-flower{color:#db7b52}.cover-volume{color:#ab7660}
.cover-corner{border-color:#ad684a99}.journal-ribbon{background:#d36246}.journal-clasp{background:#bc734f;border-color:#e49b6e;color:#332324;box-shadow:1px 3px 5px #0004}
.loose-page{background:repeating-linear-gradient(transparent 0,transparent 23px,#b79a7e22 24px),#e7d3af;border-color:#b79b7b;box-shadow:3px 4px 14px #0002}.loose-page>span{color:#93765b}.loose-page i{background:#ae8b6833}
.paper-photo{background:#f4e8d3;border-color:#ddc5a7;box-shadow:0 7px 20px #0005}.paper-photo>span:not(.washi-tape){color:#805c49}.paper-photo small{color:#a58169}
.washi-tape{background:repeating-linear-gradient(45deg,#bc705bbc 0 5px,#cb8c6dbc 5px 10px);border-color:#b46751aa}
.paper-ticket{background:#e6b29a;color:#813e2c;border-color:#a75b42;box-shadow:0 5px 15px #0004}.paper-ticket:before,.paper-ticket:after{background:#171517}.paper-ticket i{background:repeating-linear-gradient(90deg,#864b36 0 1px,transparent 1px 3px,#864b36 3px 5px,transparent 5px 7px)}
.sticker-star{color:#de8b59;text-shadow:1px 2px #43261a}.star-two,.star-three{color:#bc6b4e}.handwritten-note{color:#af785d}.handwritten-note svg{stroke:#b97a5b}
.entry-panel{color:#4c3830;background:repeating-linear-gradient(transparent 0,transparent 29px,#a4846b12 30px),#f5ead7;border-color:#bba189;box-shadow:4px 5px 0 -1px #d8bfa0,5px 6px 0 #795e48,0 20px 60px #0003;scroll-margin-top:145px}
.entry-panel:before{border-color:#b95c4233}.panel-tape{background:repeating-linear-gradient(-45deg,#ad5e489c 0 6px,#c17a5b9c 6px 12px);border-color:#a8594466}
.entry-caption{color:#b27c62}.entry-caption span:last-child{color:#c17c57}.page-number{color:#b27f5c22}
.entry-panel h2{color:#50392d}.entry-intro{color:#9a7761}.auth-tabs{border-color:#d8bfa5}.auth-tabs button{color:#a4856d}.auth-tabs button.active{color:#a94f32;border-color:#c5774e}
.entry-panel label:not(.device-check){color:#8a6750}.entry-panel input:not([type=checkbox]){background:#fffaf0;border-color:#d9c4aa;color:#533c2e}
.device-check{color:#94765f}.device-check small{color:#a78a74}.device-check input{accent-color:#ca7050}
.entry-panel .note{color:#94765f}.entry-panel .button{background:#272124;color:#f5ddc9;box-shadow:0 4px 0 #bd7d5a33}.entry-panel .button:hover{background:#3a292a;box-shadow:0 7px 0 #bd7d5a33}.entry-panel .button .icon{color:#e68b65}
.entry-panel .form-message{color:#a64e36}.legacy-link{color:#9e7962}.panel-colophon{border-color:#d7bfa6;color:#a48369}.panel-colophon>span{color:#c17d51}
.rail{background:#1e1a1c;border-color:#44302e;box-shadow:inset -5px 0 0 #0001}.rail-label{color:#86695f}.nav button{color:#a18073}.nav button.active{background:#3a2423;color:#eb9a7c;box-shadow:0 3px 8px #0001}.nav button:hover{background:#332324}.nav button.active:after{background:#ea8665}
.rail-footer .note{color:#926f61}.rail-seal{color:#b2795e;border-color:#80503d;outline-color:#52372e}.version-line{color:#806458}
.workspace{background:linear-gradient(90deg,#0001,transparent 20px)}.topbar{border-color:#3b2d2e}.topbar .context{color:#886c62}.topbar .profile-link span:not(.avatar){color:#c3a294}
.page-heading p{color:#a98c7d}.edition-stamp{background:#281e1e;color:#b48770;border-color:#6c4738;outline-color:#50352e}.edition-stamp strong{color:#dc9675}
.featured.case-feature{background:#272123;border-color:#493331;box-shadow:0 5px 0 -2px #513329,0 15px 35px #0001}.case-feature:before{background:repeating-linear-gradient(45deg,#a96c4e99 0 5px,#c98d6499 5px 10px)}
.case-feature .feature-media{border-color:#d7c1a4;box-shadow:0 3px 12px #0004}.case-feature h2{color:#f0ddca}.case-feature .summary{color:#b59b8b}.case-feature .meta-line{color:#a9826d}.case-feature .text-button{color:#da9472}.case-stamp{background:#38292da8;border-color:#f3caa788;color:#f6d4b3}
.future .thumbnail{border-color:#d7c1a4;box-shadow:0 3px 9px #0003}.future .badge{background:#2e2222e8;color:#e4b293;border-color:#845138}.future-number{color:#bd7a56}.future-label>span:last-child{color:#b08064}.future p{color:#9b7d6c}
.my-record{border-color:#4d332f}.my-record .empty strong{color:#ddc5af}.empty-mark{color:#9b5d44}.record-line{border-color:#5a3a2e;color:#937362}.record-line strong{color:#d69471}
.resume{background:#303329;border-color:#575d45;color:#b5ba9c}
.catalog-item{color:#ad8b78;border-color:#4f332e}.catalog-item.active{background:#332326;color:#efb18c;border-color:#80513c}.catalog-item span{color:#c48762}.catalog-art,.room-banner{border-color:#d8c1a2;box-shadow:0 4px 14px #0003}.spec-list div{border-color:#593d31}
.party-member{border-color:#49322e}.party-member small{color:#a68673}.party-member .status{color:#b2b58a}.room-side{border-color:#51392e}.code{color:#ef9b6f}.room-rules{color:#ae8c77}
.step{background:#4c332e}.step.active{background:#dc7a50}.online-person{background:#382726!important;color:#cfa68d!important;border-color:#614133!important}
.locations button{background:#2b2223;color:#ba9580;border-color:#54382d}.locations button.active{background:#5f3026;color:#ffd1ad;border-color:#a55b3d}.locations small{color:#b38268}
.scene{border-color:#d8c2a2;box-shadow:0 4px 14px #0003}.scene .scene-label{background:#39252bbf;color:#ffe5c3}.scene .scene-top{background:#f4e2c9e8;color:#a55d38;border-color:#bb8c66}.scene-note{color:#997660}.rules{border-color:#53382c}.rules h3{color:#d38d62}.rules p{color:#b99980}
.clue{background:repeating-linear-gradient(transparent 0 28px,#a87b4526 28px 29px),#eed7ad;color:#80562e;border-color:#baa07a;box-shadow:2px 3px 0 #896743}.clue .overline{color:#a77844}
.action-panel{background:#f2e5cf;color:#513e2f;border-color:#c1a98a;box-shadow:3px 4px 0 #71513f}.action-panel h2{color:#58412f}.action-panel .small,.action-panel .note{color:#997b60}.action-panel label{color:#997355}.action-panel .overline{color:#b77a4a}.action-panel .radio-option{background:#e9d7bf;color:#95704e;border-color:#d9bea0}.action-panel .radio-option:has(input:checked){background:#e9c0a2;border-color:#ba724b;color:#8b4a2e}.action-panel .pending{border-color:#d8bd9c}.action-panel .button.secondary{color:#a9623f;border-color:#c79e76}.action-panel .muted{color:#9a7b5c}
.tabs{border-color:#54382d}.tabs button{color:#ad886d}.tabs button.active{background:#332426;color:#e7aa80;border-color:#b77449}
.trial{background:#f1e2c9;color:#674a35;border-color:#c3a683}.trial .trial-meta{color:#a38160!important}.trial .summary{color:#9b7050}.trial .overline{color:#b27e4c}.trial .badge{background:#e5d0b2;color:#976b42;border-color:#c9a27b}.trial .badge.live{background:#d8dcc1;color:#73794e;border-color:#a5ad7c}.comparison{border-color:#d5b998!important}.kv,.kv span,.kv strong,.kv b{color:#916c4c!important}.trial summary{color:#b27846}.trial details{border-color:#d4b28d}
.hypothesis,.history-row{border-color:#694431!important}.vote-person{background:#543a2d;color:#e3b18a}.chat-list{background:#27202188!important;border-color:#56382c!important;padding:15px}.chat-message,.chat-message p{color:#d3af91!important}.chat-message small,.chat-message time{color:#9f7c63!important}.history-row{color:#b89578!important}.history-row span{color:#8c6b55!important}
.result-paper{color:#654932;background:repeating-linear-gradient(transparent 0 29px,#ad8c5e16 29px 30px),#f1e0c1;border-color:#c7a27a;box-shadow:5px 6px 0 -1px #c3a17b,6px 7px 0 #846044}.result-paper h2{color:#985c35}.result-paper .description{color:#96704e}.result-paper .note{color:#98734f}.result-facts{border-color:#cfae84}.result-facts strong{color:#b77844}.result-facts span{color:#9c774d}.evidence p{color:#916b46;border-color:#c9a479}
.profile-panel{border-color:#55382b}.profile-stats strong{color:#d38d5c}.profile-stats span{color:#a68569}.recovery-box{border-color:#63412e}.result-card{background:#292123;border-color:#53382b}.result-card:hover{box-shadow:0 8px 20px #0002}
.setting-box{background:#251f21;border-color:#51352c}.setting-row{border-color:#54372a}.setting-row p{color:#b89477}.setting-row .note{color:#99755b}.setting-row .button{color:#d39b71}
.modal{color:#62452f;background:repeating-linear-gradient(transparent 0 29px,#b28c5916 29px 30px),#f3e2c5;border-color:#bb9268;box-shadow:5px 6px 0 -1px #c7a27a,6px 7px 0 #896244,0 30px 80px #0005}.modal-backdrop{background:#100d0ec4}.modal-head h2{color:#795032}.modal .close{background:#ddc7a8;color:#9b6d47}.modal label,.modal .note{color:#94704d}.modal .button.secondary{color:#9d633d;border-color:#c49a6b}
#toast{background:#ae543c;color:#fff2d9;border-color:#e59970;box-shadow:0 8px 25px #0004}
@media(max-width:760px){
  .sound-dock{background:#221e1ff5}.rail{background:#211b1df5;border-color:#623c30;box-shadow:0 -6px 20px #0003}.nav button.active{background:#4a2a25}.topbar:before{color:#ebcfb4}.workspace{background:none}.landing-quick-start{color:#e7a17a;border-color:#8b5136}
  .audio-icon{width:40px;height:44px}.sound-dock{min-height:50px}.topbar .button{min-height:44px}.topbar .profile-link{min-height:44px;min-width:44px;justify-content:center}.text-button{min-height:44px}.modal .close{width:44px;height:44px}
}
.cover-border em{font-style:normal;font-size:13px;letter-spacing:.2em;margin-top:8px}
.detective-emblem{font:50px/1 var(--latin);color:#ba744a;text-align:center;margin:-5px 0 18px}
.entry-panel{max-width:100%}.entry-panel .entry-note{margin-top:12px}
/* One quiet switch in the margin. Volume belongs inside settings. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#audio-root{top:26px;right:max(4vw,20px);left:auto;max-width:none}
.sound-dock.music-dock{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;justify-content:center;gap:0;background:#221e1fed;border-color:#5e3c33}
.music-dock .music-toggle{width:46px;height:46px;padding:12px;color:#d59071;border-radius:50%}
.music-toggle[aria-pressed=true]{background:#40272366}
.music-toggle svg{width:20px;height:20px;stroke:#e99b7a}
.music-toggle[aria-pressed=false] svg{stroke:#8e7164}
.topbar{padding-right:75px}.landing-header{padding-right:75px}
@media(max-width:760px){
  #audio-root{top:19px;right:22px;left:auto}
  .sound-dock.music-dock{width:46px;height:46px;min-height:46px}
  .music-dock .music-toggle{width:44px;height:44px;padding:11px}
  .landing-header{padding-right:56px}.landing-stage{padding-top:42px}
  .topbar{height:85px;padding-right:57px;padding-top:20px}
  .topbar .row{gap:5px}.topbar .button{padding-inline:10px}
  html{scroll-padding-top:95px}.entry-panel{scroll-margin-top:95px}
}
@media(max-width:380px){#audio-root{right:18px}.topbar{gap:8px}.topbar:before{font-size:21px}.topbar .button{font-size:9px;padding-inline:8px}}