:root{--ink:#24231e;--paper:#f4f1e9;--red:#bc482a;--rule:#b9b5ab;--serif:"Songti SC","STSong","Noto Serif CJK SC","Times New Roman",serif;--mono:"SFMono-Regular",Consolas,"Courier New",monospace;--pad:clamp(20px,4.8vw,84px)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 "PingFang SC","Microsoft YaHei",Arial,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #d57536;outline-offset:4px}button{border:none;background:none}h1,h2,p{margin:0}small,.micro,.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:5px}.speck{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red)}.mast{height:76px;margin:0 var(--pad);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:inline-flex;align-items:center;gap:12px;line-height:1}.brand b{font-family:var(--serif);font-size:26px;letter-spacing:.08em}.brand em{font:700 11px/1 var(--mono);letter-spacing:.18em;border-left:1px solid currentColor;padding-left:12px}.mark{width:24px;height:25px;position:relative;transform:rotate(-9deg);display:inline-block}.mark:before,.mark:after{content:"";position:absolute;border:2px solid currentColor;width:12px;height:17px;left:1px;top:5px}.mark:after{left:7px;top:0px;background:var(--paper)}.micro i{color:var(--red);margin:0 7px}.board-intro,.choices,.board-foot,.album-body{max-width:1660px;margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.board-intro{display:flex;align-items:end;justify-content:space-between;padding-top:clamp(28px,5vh,70px);padding-bottom:30px;gap:30px}.board-intro h1{font:600 clamp(38px,4.4vw,79px)/1.2 var(--serif);letter-spacing:-.065em;margin:13px 0 0}.board-intro h1 span{font-weight:400}.board-intro h1 b,.mag-head h1 b,.gate-art h1 b,.cine-title h1 i{color:var(--red)}.board-intro>p,.choice>p{font-size:13px;color:#67665d;line-height:1.85}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,38px)}.poster{position:relative;overflow:hidden;width:100%;aspect-ratio:1.15;display:block;border-radius:1px;isolation:isolate;transition:transform .25s}.poster:hover{transform:translateY(-3px)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.p0{background:#786e64;padding:6% 11% 0;display:flex;justify-content:center;align-items:end;background:linear-gradient(145deg,#b3a38c,#938573 78%)}.mini-mag{background:#eee9db;padding:6% 7% 4%;width:96%;height:95%;transform:rotate(-4deg) translateY(2%);box-shadow:4px 6px 14px #43362e55;text-align:left;display:flex;flex-direction:column;color:#252720}.mini-mag small{font-size:clamp(5px,.55vw,10px);border-bottom:1px solid #807b70;padding-bottom:2%;font-weight:bold}.mini-mag h2{font:400 clamp(25px,3.25vw,63px)/1.12 Georgia,serif;letter-spacing:-.08em;white-space:nowrap;padding:2% 0}.mini-mag img{flex:1;height:0;min-height:0}.mini-mag footer{display:flex;align-items:center;justify-content:space-between;font:600 13px var(--serif);padding-top:5%}.mini-mag footer b{font:10px var(--mono)}.p1{background:#0c0a16;color:#fff;text-align:left;padding:0}.p1>img{position:absolute;inset:0;z-index:-2;filter:brightness(.72);object-position:48% 50%}.p1:after,.cinema:after,.gate-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060813bf,transparent 70%);z-index:-1}.p1>small,.p1 .timecode{position:absolute;left:7%;font:9px var(--mono);letter-spacing:.12em}.p1>small{top:8%;color:#f6c575}.p1 .timecode{bottom:7%;color:#dfc9d9}.nighttype{position:absolute;left:7%;top:28%;font:400 clamp(39px,4.3vw,80px)/.85 Georgia,serif;letter-spacing:-.055em}.nighttype i{color:#eddad9}.nighttype em{display:block;font:10px var(--mono);letter-spacing:.12em;margin-top:17px}.p2,.skin2{background-color:#e9e3d5;background-image:radial-gradient(#89765b32 .65px,transparent .9px);background-size:4px 4px}.p2:before{content:"POSTAL ARCHIVE　No.03";position:absolute;left:7%;top:7%;font:9px var(--mono);letter-spacing:.14em;color:#785c4f}.tinyprint{position:absolute;padding:3.3% 3.3% 7.5%;background:#faf7ec;box-shadow:1px 5px 12px #4d453847}.tp1{left:11%;top:26%;width:55%;height:56%;transform:rotate(-12deg)}.tp2{left:37%;top:17%;width:53%;height:63%;transform:rotate(9deg)}.tp2 b{font:8px var(--mono);display:block;padding-top:5%}.tape{width:31%;height:20px;position:absolute;background:#d8cda0cb;top:-8px;left:35%;transform:rotate(-6deg);box-shadow:0 1px 1px #9992}.postmark{position:absolute;bottom:8%;right:5%;border:2px solid #9c4d3b8a;transform:rotate(-11deg);padding:1px 6px;color:#9c4d3b}.ctitle{display:flex;align-items:center;gap:12px;padding:18px 0 9px}.ctitle .serial{font:italic 28px Georgia,serif;border-right:1px solid var(--rule);padding-right:12px;color:var(--red)}.ctitle h2{font:600 clamp(23px,2.35vw,39px)/1.25 var(--serif)}.ctitle small{font-size:9px;letter-spacing:.12em}.arrow{margin-left:auto;border:1px solid #89877d;border-radius:50%;height:36px;width:36px;font-size:18px}.arrow:hover,.turn button:hover{background:var(--ink);color:var(--paper)}.choice>p{padding-bottom:12px}.board-foot{display:flex;justify-content:space-between;margin:28px var(--pad) 18px;max-width:none;padding:13px 0 0;border-top:1px solid var(--rule);font:10px var(--mono);letter-spacing:.07em;color:#69685f}.plain{padding:7px 10px;border-radius:3px;font-size:13px}.plain:hover{background:#8882}.gate{display:grid;grid-template-columns:1.4fr 1fr;margin:32px var(--pad);min-height:min(670px,75vh);border:1px solid var(--rule)}.gate-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#0003,transparent 40%),var(--photo) center/cover;color:white;padding:clamp(24px,4vw,76px)}.gate-art i{font:italic 34px Georgia,serif}.gate-art h1{font:400 clamp(44px,6.2vw,104px)/1.22 var(--serif)}.gate-art span{font:10px var(--mono);letter-spacing:.2em}.gate-form{padding:clamp(30px,5.6vw,90px);align-self:center}.gate-form h2,.prefs h2{font:600 clamp(30px,3vw,51px)/1.3 var(--serif);margin:17px 0 6px}.gate-form>p,.gate-form>small{color:#716e63;font-size:13px}.gate-form form{margin-top:25px}form label,.prefs fieldset>label{display:block;font-size:13px;margin:12px 0}form input:not([type=checkbox]){display:block;width:100%;border:1px solid var(--rule);padding:11px 14px;background:#fff7;color:inherit;border-radius:0;margin-top:4px}.check{display:flex;align-items:center}.check input{accent-color:var(--red)}.solid{width:100%;padding:13px 10px;color:white;background:#28291f;letter-spacing:.08em}.solid:hover{background:#604c3e}.err{font-size:12px;color:#ac3328;min-height:12px}.nav-actions{display:flex;align-items:center;gap:8px}.mag-head{display:flex;align-items:end;gap:24px;border-bottom:1px solid var(--ink);padding:20px 0 13px}.mag-head h1{font:600 clamp(42px,5vw,82px)/1.06 var(--serif);letter-spacing:-.06em;margin-top:7px}.mag-head h1 span{font-weight:400}.mag-head>i{font:italic clamp(27px,3.5vw,58px)/1 Georgia,serif;color:var(--red);letter-spacing:-.055em;padding-bottom:2px}.mag-head>small{margin-left:auto;text-align:right}.spread{display:grid;grid-template-columns:1.65fr .85fr;gap:3.6vw;margin-top:16px}.print-photo{position:relative;min-height:290px;height:clamp(300px,49vh,620px);overflow:hidden}.print-photo img{width:100%;height:100%;object-fit:cover}.print-photo span{position:absolute;bottom:13px;left:15px;background:#fcf8ebed;color:#23251d;padding:2px 8px;font:11px/1.7 var(--mono)}.print-note{display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:12px 1.4vw 0 0}.print-note>small{color:var(--red)}.print-note i{font:italic clamp(20px,2vw,31px) Georgia,serif;color:#847968}.print-note h2,.details h2{font:500 clamp(35px,4.1vw,73px)/1.32 var(--serif);letter-spacing:-.06em}.print-note p,.details p{color:#615d52;margin-top:12px;font-size:14px;line-height:2}.print-note label{font:11px var(--mono);letter-spacing:.1em}.turn{display:flex;align-items:center;gap:15px}.turn button{border:1px solid currentColor;border-radius:50%;width:35px;height:35px}.turn span{font:12px var(--mono);letter-spacing:.075em}.turn i{color:#908777;margin:0 4px}.mag-bottom,.cine-bottom,.letter-bottom{margin:18px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:14px;gap:10px}.player{display:flex;align-items:center;gap:10px}.sound{padding:8px 13px;border-radius:32px;border:1px solid currentColor;font-size:11px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{display:inline-flex;align-items:center;height:15px;gap:2px}.meter i{width:2px;height:8px;background:currentColor}.meter i:nth-child(2){height:14px}.meter i:nth-child(3){height:5px}.playing+.meter i{animation:pulse 1.1s infinite alternate}.playing+.meter i:nth-child(2){animation-delay:-.4s}@keyframes pulse{to{transform:scaleY(.45)}}.index-tabs{display:flex;gap:8px}.index-tabs button{font:12px var(--mono);padding:7px 9px;opacity:.6}.index-tabs button.active{background:var(--ink);color:white;opacity:1}.skin1{--ink:#e9e4da;--paper:#101119;--rule:#3c3c43;--red:#ffc07c;background:var(--paper);color:var(--ink)}.skin1 .gate-form>p,.skin1 .gate-form>small{color:#b9b6bd}.skin1 form input:not([type=checkbox]){background:#292a32}.skin1 .solid{background:#eddfc8;color:#181a1b}.skin1 .album-body{padding:0}.cinema{height:clamp(420px,72vh,950px);background:var(--photo) center 53%/cover;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:28px var(--pad) 38px}.cinema:after{background:linear-gradient(90deg,#0a09135c,transparent 70%),linear-gradient(0deg,#0c0a16d9,transparent 64%)}.cine-top,.cine-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.cine-top{font:10px var(--mono);letter-spacing:.15em}.cine-top b{color:var(--red)}.cine-title{margin-top:auto;padding:22px 0}.cine-title small{font:10px var(--mono);letter-spacing:.23em}.cine-title h1{font:400 clamp(48px,6.9vw,114px)/1.14 var(--serif);letter-spacing:-.07em;margin:6px 0 3px}.cine-title em{font:italic clamp(21px,2.1vw,36px) Georgia,serif}.cine-title p{max-width:520px;font-size:13px;margin-top:10px;color:#f2eee6}.outline{border:1px solid #ffffff7a;padding:7px 17px;font-size:12px}.cine-bottom{margin:0 var(--pad);padding:16px 0}.timeline{display:flex;gap:7px;width:34%}.timeline button{flex:1;min-width:0;text-align:left;padding:0}.timeline i{display:block;height:2px;background:#5b565f}.timeline .active i{background:var(--red)}.timeline small{font:9px var(--mono)}.letter-head{text-align:center;margin-top:24px}.letter-head .eyebrow{justify-content:center;color:#775746;font-size:10px}.letter-head h1{font:500 clamp(40px,4.5vw,76px)/1.3 var(--serif);letter-spacing:-.06em;margin:9px 0 2px}.letter-head h1 span{font:italic 27px Georgia,serif;letter-spacing:-.05em;display:inline-block;color:#a84f38;transform:rotate(-8deg);margin-left:12px}.letter-head p{color:#73685b;font-size:13px}.desk{position:relative;height:clamp(300px,48vh,570px);margin:5px 0}.paper{position:absolute;width:24.5%;background:#fffdf3;padding:10px 10px 12px;box-shadow:0 4px 10px #574d3a38;transition:transform .25s,box-shadow .25s;transform:rotate(var(--rot))}.paper:hover,.paper:focus-visible{z-index:4;transform:translateY(-6px) rotate(0);box-shadow:0 10px 19px #574d3a3b}.paper img{width:100%;display:block;object-fit:cover;aspect-ratio:1.28}.paper span{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:12px}.paper b{font:600 clamp(14px,1.4vw,22px) var(--serif)}.paper small{font:9px var(--mono);color:#716754}.card0{--rot:-8deg;left:2%;top:12%}.card1{--rot:5deg;left:26%;top:28%}.card2{--rot:-5deg;left:50%;top:10%}.card3{--rot:8deg;right:1%;top:31%}.card1 .tape,.card3 .tape{transform:rotate(4deg);background:#bea8979c}.letter-bottom{font:10px var(--mono);letter-spacing:.08em}.prefs,.detail{border:1px solid #807667;box-shadow:0 15px 70px #0004;background:#f7f4ec;color:#262720;border-radius:2px;width:min(440px,92vw);max-height:90dvh;padding:32px}.prefs::backdrop,.detail::backdrop{background:#0b0d11a8;backdrop-filter:blur(5px)}.close{position:absolute;right:10px;top:6px;font-size:24px;background:#f4f1e9e0;border-radius:50%;width:32px;line-height:32px;z-index:2}.prefs h2{font-size:28px}.prefs fieldset{border:1px solid #aaa08f;margin:20px 0;padding:13px}.prefs legend,.prefs summary{font-size:14px;cursor:pointer}.prefs fieldset p{overflow-wrap:anywhere}.prefs .upload{position:relative;overflow:hidden;display:inline-block;background:#353c35;color:white;padding:6px 10px;cursor:pointer}.upload input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.prefs fieldset small{display:block;font-size:10px;color:#736d63}.prefs input{accent-color:#9e4e36}.detail{width:min(680px,92vw);padding:14px}.detail-photo{width:100%;max-height:50vh;object-fit:cover;display:block}.details{padding:14px}.details h2{font-size:32px}.details .turn{margin-top:12px}#toast{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:8px 17px;background:#232324;color:white;font-size:13px;border-radius:30px;z-index:10}#toast.on{display:block}@media(min-width:1750px){.mast{margin-left:auto;margin-right:auto;max-width:1500px}.board-foot{max-width:1500px;margin-left:auto;margin-right:auto}}@media(max-width:760px){:root{--pad:18px}.mast{height:58px}.brand{gap:7px}.brand b{font-size:22px}.brand em{font-size:8px;padding-left:7px}.mast .micro{font-size:8px}.board-intro{display:block;padding:26px var(--pad) 18px}.board-intro>p{margin-top:12px;font-size:12px}.board-intro>p br{display:none}.board-intro h1{font-size:39px}.choices{grid-template-columns:1fr;gap:19px}.poster{aspect-ratio:1.82}.mini-mag{width:65%;height:97%}.mini-mag h2{font-size:35px}.nighttype{font-size:47px;top:25%}.p1>small{font-size:8px}.p2 .tinyprint{width:40%;height:77%;top:15%}.p2 .tp1{left:16%;top:26%}.p2 .tp2{left:42%}.ctitle{padding:11px 0 5px}.ctitle h2{font-size:24px}.choice>p{font-size:12px}.board-foot{font-size:8px;margin-top:18px}.gate{grid-template-columns:1fr;margin:16px var(--pad)}.gate-art{min-height:170px;padding:20px}.gate-art small{font-size:8px}.gate-art i{font-size:19px}.gate-art h1{font-size:40px}.gate-form{padding:21px}.gate-form h2{font-size:28px;margin:7px 0}.gate-form form{margin-top:10px}.nav-actions{gap:2px}.nav-actions button{padding:5px;font-size:11px}.mag-head{gap:8px;flex-wrap:wrap;padding:18px 0 12px}.mag-head .eyebrow{font-size:9px}.mag-head h1{font-size:43px}.mag-head>i{font-size:24px}.mag-head>small{display:none}.spread{grid-template-columns:1fr;gap:12px}.print-photo{height:clamp(190px,35vh,320px);min-height:0}.print-note{display:grid;grid-template-columns:1fr auto;gap:9px;padding:0}.print-note>div:not(.turn){grid-column:1/-1}.print-note>small{grid-column:1/-1}.print-note h2{font-size:34px}.print-note i{font-size:17px}.print-note p{margin-top:4px;font-size:13px}.print-note label{align-self:center}.mag-bottom,.cine-bottom,.letter-bottom{flex-wrap:wrap}.index-tabs{gap:0}.index-tabs button{font-size:10px;padding:5px}.cinema{height:64dvh;min-height:380px;padding:16px var(--pad) 22px}.cine-title h1{font-size:56px}.cine-top{font-size:8px}.timeline{width:37%}.letter-head h1 span{font-size:21px}.desk{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:29px 12px;padding:24px 5px;margin:12px 0 0}.paper{position:relative;inset:auto;width:100%;padding:6px 6px 10px}.paper span{display:block;margin-top:5px}.paper small{display:block;font-size:8px}.card1,.card3{top:12px}.tape{height:13px;top:-5px}.letter-bottom{margin-top:25px}.letter-bottom>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.groupbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1500px;margin:30px auto 0;padding:0 clamp(18px,4vw,70px)}
.group-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:8px 2px;flex:1}
.group-tabs button{border:1px solid #9c8b75;border-radius:99px;background:#f5f0e5;color:#615849;padding:8px 18px;font-size:13px;white-space:nowrap;cursor:pointer}
.group-tabs button.active{background:#4e5548;border-color:#4e5548;color:#fff}
.groupbar .outline{border:1px solid #a38672;border-radius:99px;background:transparent;color:#694636;padding:8px 16px;white-space:nowrap;cursor:pointer}
.group-cover{max-width:1360px;margin:24px auto 0;padding:28px 38px;border-top:1px solid #a58c75;border-bottom:1px solid #a58c75;display:flex;justify-content:space-between;align-items:end;gap:20px}
.group-cover small,.emptyletters small{font:10px var(--mono);letter-spacing:.18em;color:#8b5848}
.group-cover h2{font:500 clamp(27px,3.5vw,47px)/1.3 var(--serif);margin:7px 0 4px}
.group-cover p{color:#75695b;font-size:13px}
.group-tools{display:flex;align-items:center;gap:10px;white-space:nowrap}
.group-tools .plain{font-size:12px;text-decoration:underline}
.solid{background:#39413c;color:white;border:0;padding:12px 22px;cursor:pointer}
.group-tools .solid{font-size:12px}
.dynamic-desk{position:relative;max-width:1360px;margin:20px auto;min-height:260px;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px;padding:28px 32px 56px;align-items:start}
.dynamic-desk .paper{position:relative;inset:auto;width:100%;top:auto;right:auto;left:auto;display:block;text-align:left;cursor:pointer;padding:9px 9px 14px}
.dynamic-desk .paper:nth-child(4n+2),.dynamic-desk .paper:nth-child(4n+4){margin-top:28px}
.dynamic-desk .paper img{aspect-ratio:1.26;object-fit:cover}
.dynamic-desk .paper span{display:flex;gap:10px;flex-wrap:wrap}
.dynamic-desk .paper small{font-size:10px}
.emptyletters{max-width:1120px;min-height:400px;margin:25px auto 32px;display:flex;align-items:center;justify-content:center;gap:80px}
.empty-sheet{width:260px;height:275px;transform:rotate(-7deg);background:#fffdf5;box-shadow:0 5px 18px #6d5c4847;padding:18px;position:relative;display:flex;align-items:center;justify-content:center}
.empty-sheet span{font:italic 30px/1.25 Georgia,serif;letter-spacing:.08em;color:#a48c72;text-align:center}
.emptyletters h3{font:500 36px/1.35 var(--serif);margin:12px 0}
.emptyletters p{font-size:13px;line-height:2;color:#73695c;margin-bottom:22px}
.pagination{display:flex;align-items:center;justify-content:center;gap:18px;font:12px var(--mono);color:#796b60;margin:12px 0 26px}
.pagination button{color:#484e47}
.pagination button:disabled{opacity:.3;cursor:default}
.letter-bottom{max-width:1360px;margin:0 auto 24px;padding:12px 30px}
.letter-bottom .player{display:flex;align-items:center;gap:12px}
.player input[type=range]{width:78px;accent-color:#9f614d}
.player .sound{border:1px solid #9b8676;border-radius:99px;padding:6px 12px;background:transparent;color:#524c40;cursor:pointer}
.prefs{overflow-y:auto}
.prefs details{padding:15px 0;border-bottom:1px solid #c1b7a4}
.prefs details summary{font-size:15px;font-weight:600;cursor:pointer}
.prefs form{display:grid;gap:10px;margin-top:14px}
.prefs form label{display:grid;gap:5px;font-size:12px;color:#524b42}
.prefs form input,.prefs form select,.prefs form textarea{width:100%;padding:10px;border:1px solid #aa9b89;border-radius:0;background:#fffdf8;color:#262720;font:14px/1.4 inherit;box-sizing:border-box}
.prefs form textarea{resize:vertical}
.prefs .err{color:#ad4939;font-size:12px;margin:0}
.prefs>small,.music-editor small,.quota-note{font-size:11px;line-height:1.6;color:#7e7162}
.music-editor{display:grid;gap:10px;padding:12px 0}
.music-editor .upload{padding:10px 15px}
.danger{margin-top:18px;background:transparent;border:0;text-decoration:underline;color:#9b4538;font-size:12px;cursor:pointer}
.detail{overflow-y:auto}
.detail .details p{white-space:pre-wrap}
.detail .details .plain{text-decoration:underline;color:#6f4c3d}
@media(max-width:720px){.groupbar{margin-top:14px;padding:0 15px}.group-cover{padding:17px;display:block}.group-tools{margin-top:12px}.dynamic-desk{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;padding:24px 15px 40px}.dynamic-desk .paper{padding:6px 6px 10px}.dynamic-desk .paper:nth-child(4n+2),.dynamic-desk .paper:nth-child(4n+4){margin-top:14px}.dynamic-desk .paper b{font-size:14px}.dynamic-desk .paper small{font-size:9px}.emptyletters{gap:20px;min-height:330px;padding:20px;flex-direction:column}.empty-sheet{width:160px;height:160px}.empty-sheet span{font-size:18px}.emptyletters h3{font-size:27px}.letter-bottom{padding:12px 16px;gap:10px;flex-wrap:wrap}.letter-head{padding:0 12px}}