:root{--bg:#f9ecd9;--bg-deep:#efdfc9;--body:#c9a9a6;--body-dark:#b39390;--panel:#ddd3c7;--plate:#f3ede6;--knob:#a9b5a3;--knob-dark:#8f9c8a;--outlet:#8c7b78;--glass:#ffffff61;--glass-rim:#ffffffbf;--text:#5e5550;--text-soft:#8a807a;--accent:#a3b1a0;--gold:#e3c27a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;margin:0;font-family:-apple-system,PingFang TC,Noto Sans TC,Helvetica Neue,sans-serif}.app{max-width:480px;min-height:100dvh;padding:env(safe-area-inset-top) 16px 0;flex-direction:column;margin:0 auto;display:flex}.top{justify-content:space-between;align-items:center;padding:14px 0 4px;display:flex}.top h1{letter-spacing:.04em;margin:0;font-size:20px;font-weight:600}.proto-tag{color:var(--text-soft);background:var(--bg-deep);vertical-align:middle;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.mute-btn{background:var(--bg-deep);color:var(--text-soft);border:none;border-radius:999px;padding:6px 12px;font-size:13px}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 0;display:flex;position:relative}.machine{-webkit-user-select:none;user-select:none;width:min(100%,340px,65.3846dvh - 163.462px);position:relative}.machine-svg{filter:drop-shadow(0 10px 18px #785f5a2e);width:100%;height:auto;display:block}.globe-canvas{aspect-ratio:1;pointer-events:none;position:absolute}.count-text{fill:var(--text);font-size:13px;font-weight:600}.knob{transition:opacity .2s}.knob-disabled{opacity:.6}.scene{-webkit-user-select:none;user-select:none;width:min(100% + 32px,600px,64.3519dvh - 128.704px);margin:0 -16px;position:relative}.layer{pointer-events:none;-webkit-user-drag:none;display:block;position:absolute}.knob-img{transition:opacity .2s}.char{transform-origin:50% 92%;animation:2.8s ease-in-out infinite breathe}.char-active{animation:none}.pose{-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,.985)}}.knob-hit{cursor:grab;touch-action:none;background:0 0;border:none;border-radius:50%;outline:none;padding:0;position:absolute}.knob-hit:focus-visible{box-shadow:0 0 0 3px var(--accent)}.trial-note{color:var(--text-soft);text-align:center;margin:0;font-size:12px}.dispensed-ball{background:url(/assets/capsule.webp) 50%/contain no-repeat;border:none;border-radius:50%;padding:0;animation:.7s cubic-bezier(.2,.8,.3,1) both roll-out,1.6s ease-in-out .7s infinite glow;position:absolute;box-shadow:0 0 #e9c97899}@keyframes roll-out{0%{opacity:0;transform:translate(-20%,-35%)scale(.6)rotate(0)}to{opacity:1;transform:translate(0)scale(1)rotate(200deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 #ffd678b3);transform:translate(0)scale(1)rotate(200deg)}50%{filter:drop-shadow(0 0 10px #ffd678e6);transform:translateY(-6%)scale(1.06)rotate(200deg)}}.input-bar{background:var(--bg);padding:10px 0 calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.input-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.author-toggle{gap:6px;display:flex}.pill{border:1px solid var(--body-dark);color:var(--text);background:0 0;border-radius:999px;padding:5px 14px;font-size:14px}.pill-on{background:var(--body);border-color:var(--body);color:#fff}.date-chip{color:var(--text-soft);align-items:center;gap:6px;font-size:13px;display:flex}.date-chip input{font:inherit;color:var(--text);background:var(--plate);border:none;border-radius:10px;padding:4px 8px;font-size:16px}.input-row{gap:8px;display:flex}.text-input{min-width:0;color:var(--text);background:#fff;border:none;border-radius:999px;outline:none;flex:1;padding:12px 16px;font-size:16px;box-shadow:inset 0 0 0 1px #0000000a}.text-input:focus{box-shadow:inset 0 0 0 2px var(--accent)}.send-btn{color:#fff;background:var(--accent);border:none;border-radius:999px;padding:0 20px;font-size:16px;font-weight:600}.send-btn:disabled{opacity:.45}.card-backdrop{background:#5e555059;justify-content:center;align-items:center;padding:24px;animation:.2s both fade;display:flex;position:fixed;inset:0}.card{background:var(--plate);text-align:center;border-radius:24px;width:min(100%,360px);padding:28px 22px 22px;animation:.35s cubic-bezier(.2,.9,.3,1.2) both pop;box-shadow:0 18px 40px #5e555040}.card-ball{filter:drop-shadow(0 0 8px #ffd678cc);background:url(/assets/capsule.webp) 50%/contain no-repeat;width:44px;height:44px;margin:0 auto 12px}.card-badge{color:#8a6b2e;background:#f6e7bf;border-radius:999px;margin:0 0 8px;padding:2px 10px;font-size:12px;display:inline-block}.card-meta{color:var(--text-soft);margin:0 0 12px;font-size:13px}.card-text{white-space:pre-wrap;word-break:break-word;margin:0 0 20px;font-size:17px;line-height:1.6}.card-btn{padding:10px 24px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.dispensed-ball,.char,.card,.card-backdrop{animation:none}}.fly{pointer-events:none;transition:left .55s cubic-bezier(.3,.6,.4,1),top .55s cubic-bezier(.5,0,.6,1);position:absolute}.fly-capsule{filter:drop-shadow(0 0 8px #ffd678d9);width:100%;height:100%}.rolling{animation:.6s cubic-bezier(.2,.8,.3,1) both roll-out}.hopping{animation:.55s ease-in-out both hop}@keyframes hop{0%{transform:translateY(0)rotate(200deg)}50%{transform:translateY(-70%)rotate(320deg)}to{transform:translateY(0)rotate(420deg)}}.capsule-tap{background:radial-gradient(circle,#ffe28c59,#ffe28c00 70%);border:none;border-radius:50%;padding:0;animation:1.4s ease-in-out infinite tap-glow;position:absolute}@keyframes tap-glow{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.fly{transition:none}.rolling,.hopping,.capsule-tap{animation:none}}.actor{will-change:transform}.actor-img{-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.held-capsule{filter:drop-shadow(0 0 8px #ffd678d9);-webkit-user-drag:none;position:absolute}.fly-capsule{filter:drop-shadow(0 0 8px #ffd678d9)}.scene-bg{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%),linear-gradient(#0000 0,#000 8% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%),linear-gradient(#0000 0,#000 8% 86%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.tap-anywhere{z-index:5;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.card-backdrop{z-index:10}.poke-hit{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:45%;outline:none;padding:0;position:absolute}.poke-hit:focus-visible{outline:3px solid #a0785a99}.composer{z-index:7;background:var(--bg);padding:8px 0 calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.composer-card{background:#fffaf3;border-radius:20px;flex-direction:column;gap:8px;padding:10px 12px 7px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both composer-up;display:flex;box-shadow:0 6px 20px #5e55501f,inset 0 0 0 1px #8c6e5a1f}@keyframes composer-up{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.composer-row{align-items:center;gap:10px;display:flex}.composer-label{width:3.2em;color:var(--text-soft);flex:none;font-size:13px}.author-pick,.chip-row{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.author-chip{background:var(--bg-deep);color:var(--text);border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 3px;font-size:14px;display:flex}.author-chip img{border-radius:50%;width:28px;height:28px}.author-chip-on{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #e3c27a40}.chip{background:var(--bg-deep);color:var(--text);border:none;border-radius:999px;padding:6px 11px;font-size:14px;line-height:1.2;position:relative}.chip-on{background:var(--accent);color:#fff}.chip-date input{opacity:0;width:100%;position:absolute;inset:0}.photo-thumb{display:inline-block;position:relative}.photo-thumb img{object-fit:cover;border-radius:10px;width:44px;height:44px;display:block}.photo-thumb button{background:var(--text);color:#fff;border:none;border-radius:50%;width:20px;height:20px;padding:0;font-size:13px;line-height:20px;position:absolute;top:-6px;right:-6px}.place-input{background:var(--bg-deep);color:var(--text);border:none;border-radius:999px;outline:none;width:100%;padding:7px 14px;font-size:16px}.chip-gap{background:#8c6e5a33;width:1px;height:18px;margin:0 2px}.me-btn{border:2px solid var(--gold);background:#fff;border-radius:50%;flex:none;width:44px;height:44px;padding:0;overflow:hidden}.me-btn img{width:100%;height:100%;display:block}.composer .trial-note{color:var(--text-soft);margin:0;font-size:11px}.card-photo{object-fit:cover;border-radius:14px;width:100%;max-height:40vh;margin:4px 0 8px}.card-place{color:var(--text-soft);margin:-4px 0 8px;font-size:13px}.scene-dim{pointer-events:none;opacity:0;z-index:1;background:radial-gradient(75% 65% at 50% 45%,#3c281e00 45%,#3c281ee6 100%);position:fixed;inset:0}.letter-layer{pointer-events:none;z-index:30;position:fixed;inset:0}.fly-letter{will-change:transform, opacity;font-family:Huninn,-apple-system,PingFang TC,sans-serif;font-size:18px;font-weight:600;transition:color .2s;position:fixed;top:0;left:0}.note{bottom:calc(10px + env(safe-area-inset-bottom));z-index:7;margin:8px 0 calc(10px + env(safe-area-inset-bottom));color:#5c4033;background-color:#fffaf0;border:2px solid #8a6a52;border-radius:14px;padding:7px 8px 7px 7px;font-family:Huninn,-apple-system,PingFang TC,sans-serif;position:sticky;box-shadow:0 6px 18px #5e403324}.note-open{background-image:repeating-linear-gradient(#0000 0 31px,#8c6e5a21 31px 32px);background-position:0 47px;border-radius:6px 6px 18px 18px;padding:18px 14px 10px;animation:.26s cubic-bezier(.2,.9,.3,1.15) both note-up}@keyframes note-up{0%{opacity:.6;transform:translateY(14px)rotate(-.6deg)}to{opacity:1;transform:none}}.note-tape{background:#e3c27aa6;border-radius:3px;width:92px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2deg)}.note-title{align-items:center;gap:6px;margin:0 0 6px;font-size:15px;display:flex}.note-title img{width:22px}.note-body{align-items:center;gap:8px;display:flex}.note-open .note-body{flex-direction:row-reverse;align-items:flex-start}.note-stamp{width:44px;height:44px;font:inherit;color:inherit;background:#fff;border:2px dashed #c9953f;border-radius:50%;flex-direction:column;flex:none;align-items:center;padding:2px;display:flex}.note-stamp img{border-radius:50%;width:100%;height:100%;display:block}.note-open .note-stamp{width:58px;height:58px;margin-top:-40px;position:relative;transform:rotate(7deg)}.note-stamp span{white-space:nowrap;color:#a08a78;font-size:11px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)rotate(-7deg)}.note-text{resize:none;min-width:0;font:inherit;color:#5c4033;background:0 0;border:none;outline:none;flex:1;padding:0 4px;font-size:17px;line-height:32px}.note-text::placeholder{color:#b9a596}.note-mini-send{background:linear-gradient(#f0d48f,#d9ab52);border:none;border-radius:50%;flex:none;width:44px;height:44px;padding:6px;box-shadow:0 2px #b8893a,0 0 12px #f0c86e8c}.note-mini-send img{width:100%;display:block}.note-mini-send:disabled,.note-send:disabled{filter:grayscale(.6);opacity:.55;box-shadow:none}.note-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{font:inherit;color:#5c4033;background:#f3e6cf;border:1.5px solid #d9c2a0;border-radius:4px 12px 12px 4px;align-items:center;gap:4px;min-height:34px;padding:5px 11px 5px 9px;font-size:14px;display:inline-flex;position:relative}.tag-date{background:#e9f0e6;border-color:#a3b1a0}.tag-date input{font:inherit;color:#5c4033;background:0 0;border:none;min-width:7.5em;padding:0;font-size:14px}.tag-quick{color:#8a6a52}.tag-place input{font:inherit;color:#5c4033;background:0 0;border:none;outline:none;width:7em;padding:0;font-size:16px}.tag-place input::placeholder{color:#8a6a52}.tag-photo{padding:2px}.tag-photo img{object-fit:cover;border-radius:3px 10px 10px 3px;width:36px;height:36px;display:block}.tag-photo button{color:#fff;background:#5c4033;border:none;border-radius:50%;width:20px;height:20px;padding:0;font-size:13px;line-height:20px;position:absolute;top:-7px;right:-7px}.visually-hidden{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.note-send{width:100%;font:inherit;color:#fff;text-shadow:0 1px #96641e80;background:linear-gradient(#f0d48f,#d9ab52);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:17px;display:flex;box-shadow:0 3px #b8893a,0 0 18px #f0c86e99}.note-send img{width:22px}.note-trial{color:#a08a78;text-align:center;margin:8px 0 0;font-size:11px}.fold-stage{z-index:30;pointer-events:none;perspective:1100px;transform-origin:50%;transition:filter .3s;position:fixed}.fold-lifted{filter:drop-shadow(0 14px 18px #5e403347)}.fold-half{transform-style:preserve-3d;position:absolute}.fold-face{position:absolute;inset:0;overflow:hidden}.fold-face>.note{box-shadow:none;position:absolute}.fold-blank,.fold-back{background-color:#f6ead6;background-image:repeating-linear-gradient(#0000 0 31px,#8c6e5a0f 31px 32px),repeating-linear-gradient(37deg,#a082640d 0 1px,#0000 1px 7px),repeating-linear-gradient(-53deg,#ffffff40 0 1px,#0000 1px 9px);border:2px solid #8a6a52;border-radius:6px;box-shadow:inset 0 0 0 4px #ffffff4d}.fold-shade{opacity:0;pointer-events:none;position:absolute;inset:0}.fold-shade-top{background:linear-gradient(#462d1e8c,#462d1e00 70%)}.fold-shade-left{background:linear-gradient(90deg,#462d1e8c,#462d1e00 70%)}.fold-cast{pointer-events:none;filter:blur(6px);background:#462d1e80;border-radius:6px;position:absolute}.fold-glint{pointer-events:none;background:linear-gradient(90deg,#fffae600,#fff6d2,#fffae600);border-radius:2px;position:absolute;box-shadow:0 0 10px #ffe6a0e6}.fold-letter{background-color:#f8eedd;background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#8c6e5a2e 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#8c6e5a2e 50%,#0000 calc(50% + .5px)),repeating-linear-gradient(37deg,#a082640d 0 1px,#0000 1px 7px);border:2px solid #8a6a52;border-radius:6px;position:relative;box-shadow:2px 2px 0 -1px #f3e4cb,2px 2px #b39a80,4px 4px 0 -1px #f0dfc4,4px 4px #b39a80,0 10px 20px #5e403340,0 0 24px #f0c86e59}.fold-wax{background:radial-gradient(circle at 38% 34%,#fff0b8 0,#f2cb6a 28%,#d9a23c 62%,#b37a26 100%);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 0 -4px 6px #78461459,inset 0 3px 4px #fffadc99,0 2px 4px #5e40334d}.fold-paw,.fold-print{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fold-paw svg,.fold-print svg{width:100%;height:100%;display:block}.fold-print{mix-blend-mode:multiply}.fold-spark{color:#f0c35a;text-shadow:0 0 6px #ffdc8ce6;pointer-events:none;font-size:14px;position:absolute;top:50%;left:50%}.read-backdrop{background:#4632264d;align-items:center;transition:background .35s;animation:.6s both read-tint}.app>*{transition:filter .6s}body.reading-focus .app>:not(.read-backdrop){filter:blur(7px)saturate(.85)}.read-backdrop.read-leaving{background:#46322600}@keyframes read-tint{0%{background:#46322600}}@media (prefers-reduced-motion:reduce){.read-backdrop,.app>*{transition:none;animation:none}}.read-note{background-position:0 56px;width:min(100%,380px);margin:0;padding:22px 18px 16px;animation:none;position:relative;bottom:auto;box-shadow:0 18px 40px #28190f61,0 4px 10px #28190f2e}.read-head{align-items:flex-start;min-height:54px;padding-right:64px;display:flex}.read-scroll{overscroll-behavior:contain;max-height:calc(100dvh - 220px);overflow-y:auto}.read-crease{pointer-events:none;background:linear-gradient(90deg,#0000 calc(50% - .5px),#8c6e5a29 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#8c6e5a29 50%,#0000 calc(50% + .5px));position:absolute;inset:0}.read-badge{color:#fff;background:#e3c27a;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:-14px;left:16px;box-shadow:0 2px #c9953f}.read-avatar{border:3px solid #fff;border-radius:50%;width:54px;height:54px;position:absolute;top:12px;right:12px;transform:rotate(8deg);box-shadow:0 0 0 2px #e3c27a,0 3px 8px #3c281e40}.read-post{color:#8a6a52;border:1.5px dashed #c9a27a;border-radius:999px;align-items:center;gap:4px;margin:0;padding:4px 12px;font-size:13px;display:inline-flex}.read-dot{margin:0 2px}.read-text{white-space:pre-wrap;word-break:break-word;margin:0 0 10px;font-size:19px;line-height:32px}.read-polaroid{background:#fff;width:min(220px,70%);margin:6px 0 10px 6px;padding:8px 8px 26px;position:relative;transform:rotate(-3deg);box-shadow:0 4px 10px #3c281e40}.read-polaroid img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.read-polaroid:before{content:"";background:#c8d7bebf;width:64px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(3deg)}.read-place{color:#8a6a52;background:#f3e6cf;border:1.5px solid #d9c2a0;border-radius:4px 12px 12px 4px;gap:4px;margin:0;padding:4px 10px 4px 8px;font-size:13px;display:inline-flex}.read-actions{margin-top:6px}.open-capsule{z-index:31;pointer-events:none;position:fixed}.open-cap-half{background:url(/assets/capsule.webp) 0 0/100% 200% no-repeat;width:100%;height:50%;position:absolute;left:0}.open-cap-top{transform-origin:20% 100%;background-position:0 0;top:0}.open-cap-bottom{background-position:0 100%;top:50%}.open-cap-glow{background:radial-gradient(circle,#ffecaaf2 0,#ffd67866 40%,#ffd67800 70%);border-radius:50%;position:absolute;inset:-40%}.note-busy{pointer-events:none;opacity:.55;transition:opacity .2s}.ball-pick{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;padding:0;position:absolute}.ball-pick:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ball-pick-off{cursor:default}.ball-arrow{pointer-events:none;filter:drop-shadow(0 0 6px #ffd678e6);width:46%;margin-left:-23%;transition:opacity .25s;animation:1.1s ease-in-out infinite arrow-bob;position:absolute;bottom:92%;left:50%}.ball-arrow svg{width:100%;height:auto;display:block}.ball-pick-off .ball-arrow,.ball-pick-busy .ball-arrow{opacity:0}@keyframes arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-22%)}}@media (prefers-reduced-motion:reduce){.ball-arrow{animation:none}}.book-entry{z-index:2;transform-origin:50% 80%;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:absolute;rotate:9deg}.book-entry img{object-fit:contain;filter:drop-shadow(1px 5px 3px #6e482d66);pointer-events:none;width:100%;height:100%;display:block}.book-entry:disabled{cursor:default}.book-entry:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.book-backdrop{z-index:10;perspective:1200px;background:#3c281e73}.book{transform-origin:0;color:#5c4033;background:repeating-linear-gradient(#0000 0 31px,#c9953f24 31px 32px),#fffaf0;border:3px solid #8a5a33;border-radius:14px 18px 18px 14px;flex-direction:column;width:min(100%,400px);height:min(86vh,680px);padding:18px 14px 12px;font-family:Huninn,-apple-system,PingFang TC,sans-serif;display:flex;position:relative;box-shadow:inset 10px 0 #f0dcb5,inset 13px 0 #d9bd8c,0 16px 34px #28190f66}.book-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:#c94f45;width:12px;height:46px;position:absolute;top:-3px;right:34px}.book-head{align-items:baseline;gap:8px;padding-left:14px;display:flex}.book-head h2{margin:0;font-size:22px}.book-count{color:#9a7a5c;font-size:13px}.book-close{color:#8a5a33;cursor:pointer;background:0 0;border:none;margin-left:auto;margin-right:30px;font-size:18px}.book-search{background:#fff;border:2px solid #e2c99c;border-radius:999px;align-items:center;gap:6px;margin:12px 0 8px 14px;padding:8px 12px;display:flex}.book-search input{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:16px}.book-chips{flex-wrap:wrap;gap:5px;margin:0 0 8px 14px;display:flex}.book-chip{font:inherit;color:#7a5426;cursor:pointer;background:#fff8e8;border:2px solid #e2c99c;border-radius:999px;padding:4px 10px;font-size:13px}.book-chip-on{background:linear-gradient(#fff1c4,#f3d48a);border-color:#c9953f;font-weight:700}.book-pages{-webkit-overflow-scrolling:touch;flex:1;margin-left:14px;padding-right:2px;overflow-y:auto}.book-year h3{z-index:1;color:#b07a3a;background:#fffaf0;margin:6px 0;padding:2px 0;font-size:15px;position:sticky;top:0}.book-year ul{margin:0;padding:0;list-style:none}.book-item{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:#fffdf6;border:1.5px solid #ecd9b4;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 10px 10px 8px;display:flex;box-shadow:0 2px #ecd9b4}.book-item:active{transform:translateY(1px);box-shadow:0 1px #ecd9b4}.book-date{text-align:center;color:#9a7a5c;flex:none;width:46px;font-size:13px}.book-date b{color:#7a5426;font-size:20px}.book-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.book-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.book-meta{color:#9a7a5c;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;font-size:12px;display:flex}.book-meta img{background:#fff;border:1.5px solid #d9bd8c;border-radius:50%;width:24px;height:24px}.book-place{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.book-today{color:#b07a3a;flex:none;font-weight:700}.book-thumb{object-fit:cover;border:3px solid #fff;border-radius:4px;flex:none;width:48px;height:48px;transform:rotate(3deg);box-shadow:0 1px 4px #3c281e4d}.book-empty{color:#9a7a5c;flex-direction:column;align-items:center;gap:8px;margin-top:40px;display:flex}.book-empty img{opacity:.8;width:72px}.read-from-book{z-index:11;background:#3c281e40}.save-banner{z-index:20;color:#7a2f28;background:#fff4ef;border:2px solid #c94f45;border-radius:12px;align-items:center;gap:10px;width:min(100% - 24px,420px);padding:10px 12px;font-size:14px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #3c281e40}.save-banner button{font:inherit;color:#fff;cursor:pointer;background:#c94f45;border:none;border-radius:999px;flex:none;margin-left:auto;padding:6px 12px;font-weight:700}.wardrobe-entry{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50% 4%;background:0 0;border:none;outline:none;padding:0;animation:4.2s ease-in-out infinite hanger-sway;position:absolute}.wardrobe-entry img{object-fit:contain;filter:drop-shadow(0 4px 3px #6e482d40);pointer-events:none;width:100%;height:100%;display:block}.wardrobe-entry:disabled{cursor:default}.wardrobe-entry:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes hanger-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@media (prefers-reduced-motion:reduce){.wardrobe-entry{animation:none}}.wardrobe-backdrop{z-index:10;background:#3c281e73}.wardrobe{background:#fffaf0;border:3px solid #8a5a33;border-radius:18px;width:min(100%,400px);max-height:86vh;padding:16px 14px 18px;font-family:Huninn,-apple-system,PingFang TC,sans-serif;overflow-y:auto;box-shadow:0 16px 34px #28190f66}.wardrobe-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.wardrobe-head h2{color:#6e4a37;margin:0;font-size:20px}.wardrobe-row h3{color:#8a5a33;margin:10px 2px 6px;font-size:15px}.wardrobe-row ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.wardrobe-item{width:100%;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #e6d2b3;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;font-size:13px;display:flex}.wardrobe-item img{aspect-ratio:1;object-fit:contain;pointer-events:none;width:100%}.wardrobe-item-on{border-color:var(--gold);background:#fff4d6;box-shadow:0 0 0 2px #e3c27a73}.wardrobe-soon{color:var(--text-soft);grid-column:span 2;align-self:center;padding:8px;font-size:13px}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login-card{background:#fffaf2;border-radius:18px;flex-direction:column;gap:12px;width:min(100%,360px);padding:24px 20px 20px;display:flex;box-shadow:0 6px 24px #8c6e5a2e}.login-card h1{text-align:center;margin:0;font-size:22px}.login-faces{justify-content:center;gap:8px;display:flex}.login-faces img{background:var(--bg-deep);border-radius:50%;width:56px;height:56px}.login-hint{color:var(--text-soft);text-align:center;margin:0;font-size:13px}.login-card label{flex-direction:column;gap:4px;font-size:14px;display:flex}.login-card input{font:inherit;border:1.5px solid var(--panel);color:var(--text);background:#fff;border-radius:10px;padding:10px 12px;font-size:16px}.login-error{color:#c94f45;text-align:center;margin:0;font-size:14px}.read-own{justify-content:center;gap:20px;margin-top:8px;display:flex}.read-link{font:inherit;color:#8a6a52;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:14px;text-decoration:underline}.read-link:disabled{opacity:.5}.read-edit{flex-direction:column;gap:8px;display:flex}.read-edit-row{align-items:flex-start;gap:8px;min-height:54px;padding-right:64px;display:flex}.read-edit-row input{min-width:0;font:inherit;color:#8a6a52;background:0 0;border:1.5px dashed #c9a27a;border-radius:999px;flex:1;padding:6px 10px;font-size:16px}.read-edit-text{font:inherit;color:var(--text);resize:vertical;background:0 0;border:none;border-radius:6px;outline:2px dashed #c9a27a99;padding:0 4px;font-size:19px;line-height:32px}.read-edit-photo{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.read-cancel{align-self:center}.read-problem{color:#c94f45;text-align:center;margin:0;font-size:14px}.read-confirm{text-align:center;background:#fff4ef;border:1.5px solid #e8b9a8;border-radius:12px;margin-top:10px;padding:12px}.read-confirm p{margin:0 0 8px}.read-confirm-actions{justify-content:center;gap:18px;display:flex}.read-danger{font:inherit;color:#fff;background:#c96a5e;border:none;border-radius:999px;padding:8px 20px;font-size:15px}.read-danger:disabled{opacity:.6}.read-edit-row input[type=date]{flex:0 0 9.5em}