:root{--bg:#f4ecde;--paper:#fbf5e9;--paper-deep:#efe1c9;--paper-line:#7c63474d;--line:#72583f3d;--text:#2d241a;--muted:#695a49;--accent:#866045;--accent-dark:#63472f;--accent-soft:#e8d7bd;--success:#2a7250;--error:#a43b34;--shadow:0 24px 60px #3e2a152e;--shadow-soft:0 12px 30px #3e2a151f;--ease-paper:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);letter-spacing:.01em;background:radial-gradient(circle at 8% 12%,#f5e0ba9e,#0000 26%),radial-gradient(circle at 92% 82%,#d7b89452,#0000 28%),linear-gradient(160deg,#f9f2e5 0%,#f2e4cb 45%,#ead8bb 100%);margin:0;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}body:before{content:"";pointer-events:none;opacity:.7;z-index:0;background:repeating-linear-gradient(6deg,#7f62430b 0 1px,#7f624300 1px 7px),repeating-linear-gradient(-5deg,#ffffff29 0 1px,#fff0 1px 12px);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}button,input,textarea{font:inherit}.page{place-items:center;padding:40px 18px;display:grid}.panel{border:1px solid var(--paper-line);width:min(760px,100%);box-shadow:var(--shadow), inset 0 1px 0 #ffffffa6;animation:paperFadeIn .52s var(--ease-paper) both;background:linear-gradient(145deg,#fffcf6fa,#f5ead5f5);border-radius:26px;padding:34px;position:relative;overflow:hidden}.panel:before{content:"";opacity:.55;pointer-events:none;border-bottom:1px dashed #93704c40;height:16px;position:absolute;top:0;left:18px;right:18px}@keyframes paperFadeIn{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-panel{width:min(920px,100%)}.auth-panel{width:min(520px,100%)}.page-switch{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.nav-link{border:1px solid var(--line);min-height:44px;color:var(--text);animation:navInkIn .42s var(--ease-paper) both;background:linear-gradient(#fffbf4f5,#efe0c6d1);border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffa3}.page-switch .nav-link:first-child{animation-delay:40ms}.page-switch .nav-link:nth-child(2){animation-delay:90ms}.page-switch .nav-link:nth-child(3){animation-delay:.14s}@keyframes navInkIn{0%{opacity:0;filter:blur(1px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}.nav-link:hover{border-color:#62493373;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffa8,0 8px 16px #3f2a151f}.nav-link.current{color:#fff4e4;background:linear-gradient(#7d5a3d,#66472f);border-color:#4f341fb3}.hero{animation:heroRise .62s var(--ease-paper) both;margin-bottom:34px}@keyframes heroRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--accent-dark);letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px;font-size:11px}h1{letter-spacing:.01em;margin:0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:clamp(30px,4.4vw,48px);line-height:1.08}.subtitle{color:var(--muted);max-width:52ch;margin:14px 0 0;line-height:1.7}.form{animation:formLift .66s var(--ease-paper) both;gap:22px;animation-delay:80ms;display:grid}@keyframes formLift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field{gap:10px;display:grid}.field>span{color:#433423;letter-spacing:.02em;font-weight:700}input[type=text],textarea,input[type=file]{border:1px solid var(--line);width:100%;color:var(--text);background:linear-gradient(#fffdf7f0,#f5ecdcc7);border-radius:16px;padding:14px 16px;font-size:16px;box-shadow:inset 0 1px #ffffff85,inset 0 -1px #75593d14}input[type=text]:focus,textarea:focus,input[type=file]:focus{border-color:#6249338a;outline:none;box-shadow:0 0 0 3px #98724d29,inset 0 1px #ffffff94}textarea{resize:vertical;min-height:140px}.inline-row{grid-template-columns:1fr auto;gap:12px;display:grid}button{cursor:pointer;border:0;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .18s,opacity .18s,background .18s,box-shadow .18s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary{color:#fff6e9;background:linear-gradient(#8d6648,#6b4d34);box-shadow:0 8px 18px #563a2342,inset 0 1px #fff4e25c}.secondary{color:var(--text);background:linear-gradient(#f1e4ce,#e2cfb2);border:1px solid #71543942;box-shadow:inset 0 1px #ffffff94}.hint,.submit-status{color:var(--muted);min-height:1.4em}.hint.success,.submit-status.success{color:var(--success)}.hint.error,.submit-status.error{color:var(--error)}.selected-photo-list{gap:10px;display:grid}.caption-editor{background:#fffaf1d6;border:1px solid #6c523838;border-radius:16px;gap:12px;padding:14px;display:grid}.caption-editor__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.caption-editor__toolbar p{color:#5b4734;margin:0;font-weight:700}.caption-editor__list{gap:10px;display:grid}.caption-editor__item{gap:6px;display:grid}.caption-editor__item>span{color:#4d3a27;font-size:13px;font-weight:700}.caption-editor__item textarea{min-height:74px;color:var(--text);background:#fffcf5e6;border:1px solid #6a4e3442;border-radius:12px;padding:10px 12px;font-size:14px}.selected-photo-list__empty{color:var(--muted);text-align:center;background:#fef8eda3;border:1px dashed #73563a5c;border-radius:14px;margin:0;padding:18px}.selected-photo-item{box-shadow:var(--shadow-soft);cursor:grab;background:linear-gradient(145deg,#fffcf6f0,#f4e8d1d6);border:1px solid #74593f47;border-radius:18px;grid-template-columns:auto 76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;display:grid}.selected-photo-item:active{cursor:grabbing}.selected-photo-item__index{text-align:center;letter-spacing:.15em;color:#71553a;min-width:2.2em;font-size:11px;font-weight:700}.selected-photo-item img{object-fit:cover;border:1px solid #664b3347;border-radius:12px;width:76px;height:76px;display:block}.selected-photo-item__meta{gap:4px;min-width:0;display:grid}.selected-photo-item__name,.selected-photo-item__size{margin:0}.selected-photo-item__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.selected-photo-item__size{color:var(--muted);margin-top:4px;font-size:12px}.selected-photo-item__desc{width:100%;min-width:0;color:var(--text);background:#fffcf5d6;border:1px solid #6a4e3442;border-radius:12px;margin-top:6px;padding:8px 10px;font-size:13px}.selected-photo-item__remove{color:var(--error);background:#a43b341f;border-radius:12px;padding:8px 10px;font-size:12px}.card-list{gap:14px;display:grid}.admin-toolbar{justify-content:flex-end;gap:12px;margin-bottom:22px;display:flex}.wall-page{color:#3c2d1f;background-color:#0000;background-image:linear-gradient(#f9f1e3e6,#e7d6bcf0),radial-gradient(circle at 72% 14%,#fff7e77a,#fff7e700 40%),url(/wall-tree.png);background-position:50%,50%,50% 16%;background-repeat:no-repeat;background-size:auto,auto,cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}.wall-page:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#65482f1f,#65482f00),repeating-linear-gradient(-7deg,#76563708 0 1px,#76563700 1px 9px);position:fixed;inset:0}.wall-topbar{z-index:24;position:fixed;inset:18px 18px auto}.wall-topbar__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fcf5e9db;border:1px solid #76593d57;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 10px 24px #422e1924}.wall-topbar .page-switch{margin:0}.wall-topbar .nav-link{color:#4e3523;background:linear-gradient(#fffbf4f0,#eedfc6db);border-color:#71523847}.wall-topbar .nav-link.current{color:#fff6e8;background:linear-gradient(#7e5a3d,#684930)}.wall-upload-btn{color:#fff4e3;background:#4a311d;border:1px solid #54361e3d;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.style-choice-modal{z-index:120;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.style-choice-modal__backdrop{background:#160e0894;border:0;border-radius:0;padding:0;position:absolute;inset:0}.style-choice-modal__panel{z-index:2;background:#fff6e8f5;border:1px solid #4d321c3d;border-radius:20px;width:min(520px,100%);padding:22px;position:relative;box-shadow:0 22px 46px #22160c4d}.style-choice-modal__panel h3{color:#4a2f1a;margin:0;font-size:24px}.style-choice-modal__panel p{color:#6d5036;margin:10px 0 0}.style-choice-modal__actions{gap:10px;margin-top:18px;display:grid}.style-choice-modal__cancel{width:100%;margin-top:10px}.wall-feed{z-index:1;width:min(1240px,100%);margin:0 auto;padding:106px 18px 42px;position:relative}.wall-hero{padding:32px 0 20px}.wall-hero__content{max-width:820px}.wall-hero__content>*{opacity:0;animation:wallHeroLineIn .62s var(--ease-paper) both}.wall-hero__content>:first-child{animation-delay:50ms}.wall-hero__content>:nth-child(2){animation-delay:.12s}.wall-hero__content>:nth-child(3){animation-delay:.19s}.wall-hero__content>:nth-child(4){animation-delay:.25s}@keyframes wallHeroLineIn{0%{opacity:0;filter:blur(1px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}.wall-hero__content h1{color:#5b3c24;text-shadow:0 2px #fff7e8bd,0 18px 36px #60432633;margin:0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:clamp(42px,9vw,84px);line-height:.96}.wall-hero__content .subtitle,.wall-hero__content .submit-status{color:#644b34}.wall-meta{color:#462f1cd1;margin:0}.pine-wall{background-color:#0000;background-image:radial-gradient(circle at 74% 8%,#fff8e9b8,#fff8e900 42%),linear-gradient(#f8eedcd6,#e9d6b7eb);background-position:50%;background-repeat:no-repeat;background-size:auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #6c4f3457;border-radius:30px;min-height:700px;margin-top:10px;padding:58px 34px 42px 308px;position:relative;overflow:hidden;box-shadow:0 34px 66px #4830193b,inset 0 0 0 1px #7b563629}.pine-wall:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#3d28165c 0%,#3d281600 72%);height:180px;position:absolute;bottom:-40px;left:0;right:0}.pine-wall:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 68% 18%,#fffcf633,#0000 42%),linear-gradient(#54392100,#54392124);position:absolute;inset:0}.pine-atmosphere{pointer-events:none;z-index:1;position:absolute;inset:0}.pine-glow{border-radius:999px;position:absolute}.pine-glow--sun{background:radial-gradient(circle,#fff8dac7 0%,#fff8da33 54%,#fff8da00 76%);width:168px;height:168px;top:18px;right:42px}.pine-glow--mist{background:radial-gradient(circle,#faf1e257 0%,#faf1e200 76%);width:480px;height:120px;bottom:88px;left:268px}.pine-tree{display:none}.pine-tree:before{content:"";background:repeating-linear-gradient(90deg,#311c0d2e 0 8px,#5e3a1f14 8px 16px),repeating-linear-gradient(#7c51301f 0 12px,#5a381f38 12px 24px),linear-gradient(90deg,#442712f0,#6c4424eb 58%,#925f3ad6);border-radius:38px;width:60px;position:absolute;top:14px;bottom:-58px;left:120px;box-shadow:inset -10px 0 18px #1f100747,inset 12px 0 12px #e2c5a51a}.pine-tree:after{content:"";background:radial-gradient(circle,#472d177a,#472d1700);border-radius:50%;width:116px;height:58px;position:absolute;bottom:-24px;left:102px}.pine-tree__branch{transform-origin:0;background:linear-gradient(90deg,#4f3119f0,#704b2ae0 45%,#7e563270);border-radius:999px;height:10px;position:absolute;left:150px}.pine-tree__branch--a{width:320px;top:58px;transform:rotate(-8deg)}.pine-tree__branch--b{width:372px;top:262px;transform:rotate(2deg)}.pine-tree__branch--c{width:282px;top:470px;transform:rotate(-6deg)}.pine-tree__crown{background:radial-gradient(circle at 38% 34%,#96b270f5,#507338eb 66%,#35522ac7);border-radius:58% 42% 52% 48%;position:absolute;left:8px;box-shadow:inset 0 -10px 18px #243a1d38,0 14px 16px #22321924}.pine-tree__crown--a{width:260px;height:170px;top:0}.pine-tree__crown--b{width:286px;height:162px;top:128px;left:0}.pine-tree__crown--c{width:242px;height:146px;top:286px;left:30px}.pine-books{z-index:5;grid-template-columns:repeat(5,minmax(98px,124px));place-content:start flex-start;align-items:start;gap:46px 24px;max-width:700px;display:grid;position:relative}.hanging-book{--book-tilt:0deg;--book-lift:0px;--book-hover-lift:0px;--rope-length:30px;--sway-delay:0s;text-align:left;transform:translateY(calc(var(--book-lift) + var(--book-hover-lift))) rotate(var(--book-tilt));opacity:0;filter:saturate(.9)blur(.7px);animation:bookCardIn .56s var(--ease-paper) forwards, bookSway 7.2s ease-in-out infinite;animation-delay:var(--entry-delay,0s), calc(var(--entry-delay,0s) + .62s + var(--sway-delay,0s));background:linear-gradient(#fffcf6fa,#f4e5cceb);border:1px solid #704e3147;border-radius:14px;gap:6px;padding:8px 8px 9px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;position:relative;box-shadow:0 13px 24px #4a2b1430,inset 0 1px #ffffffc7}.hanging-book:hover{--book-hover-lift:-5px;border-color:#5e3e236b;box-shadow:0 18px 30px #4a2b1447,inset 0 1px #ffffffd6}.hanging-book:focus-visible{outline-offset:2px;outline:3px solid #7a54305c}.hanging-book:before{content:"";top:calc(var(--rope-length) * -1 - 7px);background:radial-gradient(circle,#eadac0 0%,#b18150 80%);border:1px solid #613e2261;border-radius:50%;width:8px;height:8px;position:absolute;left:50%;transform:translate(-50%)}.hanging-book__rope{top:calc(var(--rope-length) * -1);width:2px;height:var(--rope-length);background:linear-gradient(#6d472733,#6d4727bd);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.hanging-book__index{letter-spacing:.14em;color:#583e27b8;font-size:10px;font-weight:700;position:absolute;top:6px;right:7px}.hanging-book__cover{aspect-ratio:3/4;background:#f0dec1;border:4px solid #f3e3c5;border-radius:11px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 7px 12px #5e3c1f38,inset 0 0 0 1px #855a352e}.hanging-book__cover img{object-fit:cover;width:100%;height:100%;display:block}.hanging-book__cover:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff6e83d,#fff6e800 48%),linear-gradient(#23150a00,#23150a24);position:absolute;inset:0}.hanging-book__cover:before{content:"";transform-origin:100% 0;opacity:0;background:linear-gradient(135deg,#fffaeef2,#edd6b2a6);width:46%;height:46%;transition:opacity .22s,transform .22s;position:absolute;top:-18%;right:-18%;transform:rotate(45deg)translate(20%,-20%);box-shadow:-4px 5px 10px #50351c33}.hanging-book:hover .hanging-book__cover:before{opacity:.9;transform:rotate(45deg)translate(0)}@keyframes bookCardIn{0%{opacity:0;filter:saturate(.82)blur(.8px)}to{opacity:1;filter:saturate()blur()}}.hanging-book__placeholder{color:#76583e;place-items:center;width:100%;height:100%;font-size:11px;display:grid}.hanging-book__meta{gap:3px;display:grid}.hanging-book__title{color:#3f2815;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;margin:0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.hanging-book__sub{white-space:nowrap;text-overflow:ellipsis;color:#715035;font-size:11px;display:block;overflow:hidden}.wall-empty{color:#67462d;text-align:center;background:#fff8ecb3;border:1px dashed #67432761;border-radius:14px;grid-column:1/-1;margin:12px 0 0;padding:24px}@keyframes bookSway{0%{transform:translateY(calc(var(--book-lift) + var(--book-hover-lift))) rotate(var(--book-tilt))}50%{transform:translateY(calc(var(--book-lift) + var(--book-hover-lift) - 1px)) rotate(calc(var(--book-tilt) * -.55))}to{transform:translateY(calc(var(--book-lift) + var(--book-hover-lift))) rotate(var(--book-tilt))}}.wall-pager{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.wall-pager p{color:#5f452f;letter-spacing:.05em;margin:0;font-size:14px}.wall-load-state{place-items:center;min-height:80px;padding:8px 0 24px;display:grid}.wall-load-state p{color:#5a3c24;letter-spacing:.07em;background:#f8ecd7eb;border:1px solid #5c381f33;border-radius:999px;margin:0;padding:10px 14px;font-size:13px}.book-modal{z-index:80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.book-modal__backdrop{background:#26180c8f;border:0;border-radius:0;padding:0;position:absolute;inset:0}.book-modal__panel{z-index:2;width:min(1280px,100%);height:min(94vh,980px);animation:modalPaperIn .38s var(--ease-paper) both;background:linear-gradient(165deg,#f7ecd6f0,#e7d2b1eb);border:1px solid #7656395c;border-radius:28px;padding:0;position:relative;overflow:hidden;box-shadow:0 30px 66px #25170c61}@keyframes modalPaperIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.book-modal__header{z-index:8;background:linear-gradient(#5f442a85,#5f442a00);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex;position:absolute;top:0;left:0;right:0}.book-modal__header h2{color:#fff5e7;text-shadow:0 1px 6px #34221473;margin:0 0 8px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:clamp(24px,3.8vw,38px);line-height:1.08}.book-modal__header .eyebrow{color:#fff1dde6}.book-modal__header .wall-meta{color:#ffedd5eb}.book-modal__actions{align-items:center;gap:8px;display:flex}.book-modal__status{color:#fff0d6eb;margin:8px 0 0;font-size:13px}.book-modal__status.success{color:#c6f3c2}.book-modal__status.error{color:#ffd2d2}.book-long-view{box-sizing:border-box;width:100%;height:100%;padding:96px 0 24px;overflow:auto}.book-long-view img{background:#fff;border-radius:10px;width:min(1200px,94vw);height:auto;margin:0 auto;display:block;box-shadow:0 18px 40px #00000059}.book-long-view__loading{color:#ffeed6f0;background:#110c088c;border:1px solid #ffecd559;border-radius:999px;width:fit-content;margin:140px auto 0;padding:10px 16px;font-size:13px}.paper-book{width:100%;height:100%;display:block;position:relative}.paper-book__turn{z-index:12;color:#5b4029;background:#f6e6cbe0;border:1px solid #78583a6b;border-radius:14px;width:52px;height:80px;font-size:28px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 20px #452f1c33}.paper-book__turn:first-child{left:16px}.paper-book__turn:last-child{right:16px}.paper-book__stage{box-shadow:none;perspective:2200px;background:radial-gradient(circle,#fff8ea33,#5f42272e),linear-gradient(#f6e7cce0,#dec4a0eb);border:0;border-radius:0;place-items:center;animation:.32s 80ms both stageFadeIn;display:grid;position:absolute;inset:0;overflow:hidden}@keyframes stageFadeIn{0%{opacity:0}to{opacity:1}}.book-page-view{--book-roll-width:clamp(66px, 9vw, 120px);--book-roll-tail:clamp(26px, 3.8vw, 46px);width:min(90vw,980px);height:min(94vh,1120px);transform-style:preserve-3d;background:linear-gradient(90deg,#704e321f,#fff8ea00 18%),#fff9ee;border-radius:24px;animation:.42s bookOpenSingle;position:relative;overflow:hidden;box-shadow:0 28px 62px #00000080,inset 0 0 0 1px #74513357}.book-page-view:before{content:"";z-index:4;pointer-events:none;opacity:.58;background:radial-gradient(circle at 14%,#3e271338,#3e271300 26%),linear-gradient(90deg,#39241224,#39241200 14%),linear-gradient(90deg,#3d281500 73%,#3d28151a 100%);position:absolute;inset:0}.book-page-view:after{content:"";z-index:5;pointer-events:none;opacity:.24;background:linear-gradient(112deg,#fffcf600 38%,#fffcf64d 52%,#fffcf600 66%);position:absolute;inset:0}.book-page-view.is-turning{animation:.46s cubic-bezier(.22,1,.36,1) singleTurnPulse}.book-page-view.is-turning.turn-next:after{animation:pageGlowSweepNext .52s var(--ease-paper)}.book-page-view.is-turning.turn-prev:after{animation:pageGlowSweepPrev .52s var(--ease-paper)}.book-spine-single{width:var(--book-roll-width);z-index:3;background:linear-gradient(90deg,#7c5636e6,#5f3f27b8 46%,#865f3c75);position:absolute;top:0;bottom:0;left:0;box-shadow:inset -2px 0 4px #25180e5c,inset 2px 0 4px #fff0da33}.book-page-view.is-turning .book-spine-single{animation:spineBreath .52s var(--ease-paper)}.book-spine-single:before{content:"";top:-2%;bottom:-2%;right:calc(var(--book-roll-tail) * -1 + 4px);width:var(--book-roll-tail);background:linear-gradient(90deg,#eed8b8d6,#f7e9d1f5 48%,#e0c29cc2);border-radius:0 78% 78% 0/0 50% 50% 0;position:absolute;box-shadow:inset -6px 0 10px #6f4c2f2e,8px 0 12px #24180e33}.book-spine-single:after{content:"";pointer-events:none;background:linear-gradient(90deg,#271a0f38,#271a0f00);width:12px;position:absolute;top:0;bottom:0;right:-10px}.book-page-single{padding-left:calc(var(--book-roll-width) + var(--book-roll-tail) - 6px);background:linear-gradient(90deg,#ceae862e,#fff9ec00 8% 92%,#ceae861f),#fff9ee;grid-template-rows:1fr auto;display:grid;position:absolute;inset:0}.book-page-single:before{content:"";left:calc(var(--book-roll-width) + var(--book-roll-tail) - 14px);pointer-events:none;z-index:2;background:linear-gradient(90deg,#3824132e,#38241300);width:16px;position:absolute;top:0;bottom:0}.book-page-single:after{content:"";z-index:3;pointer-events:none;opacity:.24;background:linear-gradient(90deg,#fffaf000,#fffaf080 42%,#976f492e);width:clamp(52px,11%,124px);position:absolute;top:0;bottom:0;right:0}.book-page-single img{object-fit:contain;transform-origin:50%;background:#efe2cb;width:100%;height:100%}.book-page-view.is-turning.turn-next .book-page-single img{transform-origin:100%;animation:pageSheetBendNext .52s var(--ease-paper)}.book-page-view.is-turning.turn-prev .book-page-single img{transform-origin:0;animation:pageSheetBendPrev .52s var(--ease-paper)}.book-page-view.is-turning.turn-next .book-page-single:before{animation:gutterShadowNext .52s var(--ease-paper)}.book-page-view.is-turning.turn-prev .book-page-single:before{animation:gutterShadowPrev .52s var(--ease-paper)}.book-page-view.is-turning.turn-next .book-page-single:after{animation:pageCurlSweepNext .52s var(--ease-paper)}.book-page-view.is-turning.turn-prev .book-page-single:after{animation:pageCurlSweepPrev .52s var(--ease-paper)}.book-page-single footer{text-align:center;color:#6a4b31;letter-spacing:.04em;background:#f9eed9e6;border-top:1px solid #96704d42;margin:0;padding:8px 12px;font-size:12px}.book-page-single--flip{pointer-events:none;z-index:6;backface-visibility:hidden;will-change:transform, opacity, filter;filter:drop-shadow(0 24px 24px #140c0642)}.book-page-single--flip:before,.book-page-single--flip:after{content:"";pointer-events:none;position:absolute;inset:0}.book-page-single--flip:before{z-index:8;mix-blend-mode:screen;background:linear-gradient(112deg,#fffbf400 32%,#fffbf461 50%,#fffbf400 66%);animation:.46s cubic-bezier(.22,1,.36,1) singleFlipSheen;transform:translate(-28%)}.book-page-single--flip:after{z-index:7;background:linear-gradient(90deg,#23170d47,#23170d00 24%,#23170d33 92%);animation:.46s cubic-bezier(.22,1,.36,1) singleFlipShadowShift}.book-page-single--flip.next{transform-origin:0;animation:.46s cubic-bezier(.22,1,.36,1) singlePageTurnNext}.book-page-single--flip.prev{transform-origin:100%;animation:.46s cubic-bezier(.22,1,.36,1) singlePageTurnPrev}@keyframes bookOpenSingle{0%{opacity:0;transform:perspective(1800px)rotateX(10deg)scale(.94)}to{opacity:1;transform:perspective(1800px)rotateX(0)scale(1)}}@keyframes singlePageTurnNext{0%{opacity:.72;transform:perspective(2200px)rotateY(-22deg)translate(4%)scale(.975)}40%{opacity:.92;transform:perspective(2200px)rotateY(-8deg)translate(1.5%)scale(.992)}72%{transform:perspective(2200px)rotateY(2deg)translate(-.4%)scale(1.003)}to{opacity:1;transform:perspective(2200px)rotateY(0)translate(0)scale(1)}}@keyframes singlePageTurnPrev{0%{opacity:.72;transform:perspective(2200px)rotateY(22deg)translate(-4%)scale(.975)}40%{opacity:.92;transform:perspective(2200px)rotateY(8deg)translate(-1.5%)scale(.992)}72%{transform:perspective(2200px)rotateY(-2deg)translate(.4%)scale(1.003)}to{opacity:1;transform:perspective(2200px)rotateY(0)translate(0)scale(1)}}@keyframes singleTurnPulse{0%{transform:perspective(1800px)scale(1)}50%{transform:perspective(1800px)scale(.996)}to{transform:perspective(1800px)scale(1)}}@keyframes spineBreath{0%{filter:brightness();transform:translate(0)}42%{filter:brightness(1.16)contrast(1.06);transform:translate(2px)}to{filter:brightness();transform:translate(0)}}@keyframes pageSheetBendNext{0%{filter:brightness()contrast();transform:perspective(1800px)rotateY(0)rotateX(0)scale(1)}32%{filter:brightness(1.08)contrast(1.04);transform:perspective(1800px)rotateY(-7.8deg)rotateX(.8deg)scale(1.012)}62%{filter:brightness(1.03)contrast(1.02);transform:perspective(1800px)rotateY(-3.6deg)rotateX(.3deg)scale(1.004)}to{filter:brightness()contrast();transform:perspective(1800px)rotateY(0)rotateX(0)scale(1)}}@keyframes pageSheetBendPrev{0%{filter:brightness()contrast();transform:perspective(1800px)rotateY(0)rotateX(0)scale(1)}32%{filter:brightness(1.08)contrast(1.04);transform:perspective(1800px)rotateY(7.8deg)rotateX(.8deg)scale(1.012)}62%{filter:brightness(1.03)contrast(1.02);transform:perspective(1800px)rotateY(3.6deg)rotateX(.3deg)scale(1.004)}to{filter:brightness()contrast();transform:perspective(1800px)rotateY(0)rotateX(0)scale(1)}}@keyframes pageCurlSweepNext{0%{opacity:.24;transform:translate(-22px)skewY(-2deg)}28%{opacity:.9;transform:translate(-6px)skewY(-1deg)}62%{opacity:.56;transform:translate(-2px)skewY(0)}to{opacity:.24;transform:translate(0)skewY(0)}}@keyframes pageCurlSweepPrev{0%{opacity:.24;transform:translate(22px)skewY(2deg)}28%{opacity:.9;transform:translate(6px)skewY(1deg)}62%{opacity:.56;transform:translate(2px)skewY(0)}to{opacity:.24;transform:translate(0)skewY(0)}}@keyframes gutterShadowNext{0%{opacity:.22;transform:translate(0)}34%{opacity:.56;transform:translate(2px)}to{opacity:.22;transform:translate(0)}}@keyframes gutterShadowPrev{0%{opacity:.22;transform:translate(0)}34%{opacity:.56;transform:translate(-2px)}to{opacity:.22;transform:translate(0)}}@keyframes pageGlowSweepNext{0%{opacity:.14;transform:translate(-30%)}38%{opacity:.62;transform:translate(-6%)}68%{opacity:.4;transform:translate(8%)}to{opacity:.2;transform:translate(18%)}}@keyframes pageGlowSweepPrev{0%{opacity:.14;transform:translate(30%)}38%{opacity:.62;transform:translate(6%)}68%{opacity:.4;transform:translate(-8%)}to{opacity:.2;transform:translate(-18%)}}@keyframes singleFlipSheen{0%{opacity:0;transform:translate(-34%)}30%{opacity:.68}to{opacity:0;transform:translate(34%)}}@keyframes singleFlipShadowShift{0%{opacity:.56}60%{opacity:.34}to{opacity:.14}}.book-spread{width:min(96vw,1500px);height:min(94vh,1020px);transform-style:preserve-3d;border-radius:18px;grid-template-columns:1fr 14px 1fr;animation:.42s bookOpenSpread;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 56px #00000075,inset 0 0 0 1px #74513359}.book-spread.is-turning{animation:.46s cubic-bezier(.22,1,.36,1) spreadTurnPulse}.book-spread.is-turning .book-spine{box-shadow:inset -3px 0 6px #25180e57,inset 3px 0 6px #fff0da3d,0 0 16px #58392159}.book-page{background:linear-gradient(90deg,#ceae862e,#fff9ec00 8% 92%,#ceae861f),#fff9ee;grid-template-rows:1fr auto;min-width:0;display:grid}.book-page--left{border-right:0}.book-page--right{border-left:0}.book-page img{object-fit:contain;background:#efe2cb;width:100%;height:100%}.book-page footer,.book-flip-spread footer{text-align:center;color:#6a4b31;letter-spacing:.04em;background:#f9eed9e6;border-top:1px solid #96704d42;margin:0;padding:8px 12px;font-size:12px}.book-page__blank{background:linear-gradient(90deg,#d3b48f29,#fcf4e300 12% 88%,#d3b48f1a),#fbf2df;width:100%;height:100%}.book-page__end{letter-spacing:.08em;color:#593c23e0;background:radial-gradient(circle at 50% 42%,#ecd2ae6b,#fbf2df00 58%),linear-gradient(90deg,#d3b48f29,#fcf4e300 12% 88%,#d3b48f1a),#fbf2df;place-items:center;width:100%;height:100%;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,7vw,88px);display:grid}.book-spine{z-index:2;background:linear-gradient(90deg,#7c5636b3,#5f3f2794 46%,#865f3cad);position:relative;box-shadow:inset -2px 0 4px #25180e47,inset 2px 0 4px #fff0da2e}.book-flip-spread{pointer-events:none;z-index:6;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity, filter;filter:drop-shadow(0 24px 24px #140c0642);grid-template-columns:1fr 14px 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.book-flip-spread:before,.book-flip-spread:after{content:"";pointer-events:none;position:absolute;inset:0}.book-flip-spread:before{z-index:8;mix-blend-mode:screen;background:linear-gradient(110deg,#fffbf400 30%,#fffbf457 48%,#fffbf400 64%);animation:.46s cubic-bezier(.22,1,.36,1) flipSheen;transform:translate(-28%)}.book-flip-spread:after{z-index:7;background:linear-gradient(90deg,#23170d47,#23170d00 22%,#23170d38 92%);animation:.46s cubic-bezier(.22,1,.36,1) flipShadowShift}.book-flip-spread.next{transform-origin:50%;animation:.46s cubic-bezier(.22,1,.36,1) pageTurnNext}.book-flip-spread.prev{transform-origin:50%;animation:.46s cubic-bezier(.22,1,.36,1) pageTurnPrev}@keyframes bookOpenSpread{0%{opacity:0;transform:perspective(1800px)rotateX(10deg)scale(.94)}to{opacity:1;transform:perspective(1800px)rotateX(0)scale(1)}}@keyframes pageTurnNext{0%{opacity:.72;transform:perspective(2200px)rotateY(-22deg)translate(4%)scale(.975)}40%{opacity:.92;transform:perspective(2200px)rotateY(-8deg)translate(1.5%)scale(.992)}72%{transform:perspective(2200px)rotateY(2deg)translate(-.4%)scale(1.003)}to{opacity:1;transform:perspective(2200px)rotateY(0)translate(0)scale(1)}}@keyframes pageTurnPrev{0%{opacity:.72;transform:perspective(2200px)rotateY(22deg)translate(-4%)scale(.975)}40%{opacity:.92;transform:perspective(2200px)rotateY(8deg)translate(-1.5%)scale(.992)}72%{transform:perspective(2200px)rotateY(-2deg)translate(.4%)scale(1.003)}to{opacity:1;transform:perspective(2200px)rotateY(0)translate(0)scale(1)}}@keyframes spreadTurnPulse{0%{transform:perspective(1800px)scale(1)}50%{transform:perspective(1800px)scale(.996)}to{transform:perspective(1800px)scale(1)}}@keyframes flipSheen{0%{opacity:0;transform:translate(-34%)}30%{opacity:.68}to{opacity:0;transform:translate(34%)}}@keyframes flipShadowShift{0%{opacity:.56}60%{opacity:.34}to{opacity:.14}}.checkin-page{background:radial-gradient(circle at 10% 0,#f9e7c775,#f9e7c700 42%),radial-gradient(circle at 90% 100%,#ecd7b785,#ecd7b700 45%),linear-gradient(#f8f1e3 0%,#efdfc6 100%);min-height:100vh;padding:20px 14px 36px}.checkin-shell{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#fffcf6eb,#f3e6cee0);border:1px solid #6d513638;border-radius:24px;width:min(980px,100%);margin:0 auto;padding:20px;box-shadow:0 24px 58px #43301c24}.checkin-hero h1{color:#4b3523}.checkin-hero .subtitle{color:#665340;max-width:50ch}.checkin-route-picker{margin-top:16px;margin-bottom:16px}.checkin-route-picker h2{color:#4f3a27;margin:0 0 10px;font-size:20px}.checkin-route-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkin-route-card{opacity:0;animation:routeCardIn .46s var(--ease-paper) both;background:#fff9eeeb;border:1px solid #674c3142;border-radius:18px;display:grid;overflow:hidden}.checkin-route-picker__grid .checkin-route-card:first-child{animation-delay:60ms}.checkin-route-picker__grid .checkin-route-card:nth-child(2){animation-delay:.11s}.checkin-route-picker__grid .checkin-route-card:nth-child(3){animation-delay:.16s}.checkin-route-picker__grid .checkin-route-card:nth-child(4){animation-delay:.21s}@keyframes routeCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.checkin-route-card img{object-fit:cover;width:100%;height:160px;display:block}.checkin-route-card__meta{gap:8px;padding:12px;display:grid}.checkin-route-card__meta h3{color:#443222;margin:0;font-size:18px}.checkin-route-card__meta p{color:#685543;margin:0;font-size:14px;line-height:1.45}.checkin-route-card__meta .primary{width:100%}.checkin-route-tools{justify-content:flex-end;margin-bottom:12px;display:flex}.checkin-cover{background:#fff9eeeb;border:1px solid #674c313d;border-radius:18px;margin-bottom:16px;overflow:hidden}.checkin-cover img{object-fit:cover;width:100%;height:190px;display:block}.checkin-cover__meta{align-items:baseline;gap:8px;padding:12px;display:flex}.checkin-cover__meta p{color:#4c3724;margin:0;font-size:16px;font-weight:700}.checkin-cover__meta span{color:#725d47;margin-left:auto;font-size:12px}.checkin-progress{background:#fbf3e5e6;border:1px solid #63483033;border-radius:16px;margin-top:18px;margin-bottom:16px;padding:14px}.checkin-progress__label{color:#523c28;align-items:baseline;gap:6px;display:flex}.checkin-progress__label strong{font-size:24px}.checkin-progress__label span{font-size:14px}.checkin-progress__label em{color:#6d5842;margin-left:auto;font-size:13px;font-style:normal}.checkin-progress__track{background:#74583c24;border-radius:999px;width:100%;height:10px;margin-top:10px;overflow:hidden}.checkin-progress__track>span{border-radius:inherit;background:linear-gradient(90deg,#8e6748,#b38359);height:100%;transition:width .22s;display:block;position:relative;overflow:hidden}.checkin-progress__track>span:after{content:"";background:linear-gradient(110deg,#fff5e300 22%,#fff5e37a 48%,#fff5e300 72%);animation:2.8s linear infinite progressSheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes progressSheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}.checkin-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkin-stop{opacity:0;animation:stopCardIn .48s var(--ease-paper) both;background:#fffbf3f0;border:1px solid #654a323d;border-radius:18px;gap:10px;padding:12px;display:grid}.checkin-route .checkin-stop:first-child{animation-delay:70ms}.checkin-route .checkin-stop:nth-child(2){animation-delay:.12s}.checkin-route .checkin-stop:nth-child(3){animation-delay:.17s}.checkin-route .checkin-stop:nth-child(4){animation-delay:.22s}.checkin-route .checkin-stop:nth-child(5){animation-delay:.27s}.checkin-route .checkin-stop:nth-child(6){animation-delay:.32s}@keyframes stopCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.checkin-stop__head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.checkin-stop__order{text-align:center;color:#775f48;min-width:2.1em;font-size:12px;font-weight:700}.checkin-stop h2{color:#4b3523;margin:0;font-size:18px}.checkin-stop__status{color:#756656;background:#75665624;border-radius:999px;padding:3px 9px;font-size:12px}.checkin-stop__status.done{color:#6a4f35;background:#8f6c4933}.checkin-stop__sample{aspect-ratio:4/3;object-fit:cover;background:#f3e6d1;border:1px solid #694e3433;border-radius:12px;width:100%}.checkin-stop__hint{color:#645341;margin:0;font-size:14px}.checkin-stop__actions{align-items:center;gap:8px;display:flex}.checkin-stop__upload{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}.checkin-stop__actions input[type=file]{display:none}.checkin-stop__preview{background:#f9f1e3d6;border:1px solid #694e3433;border-radius:12px;padding:8px}.checkin-stop__preview img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.checkin-stop__preview p{color:#5d4a37;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:12px;overflow:hidden}.checkin-generate{background:#f9eedce6;border:1px solid #5e442b38;border-radius:16px;gap:8px;margin-top:16px;padding:14px;display:grid}.checkin-generate p{color:#5e4a36;margin:0;font-size:13px}.checkin-submit-photos h2{color:#493523;margin:0 0 10px;font-size:18px}.checkin-submit-caption-tools{gap:8px;margin-bottom:10px;display:grid}.checkin-submit-caption-tools p{color:#67513c;margin:0;font-size:12px}.checkin-submit-photo-list{gap:10px;display:grid}.checkin-submit-photo-row{background:#fffaf1eb;border:1px solid #694e3438;border-radius:16px;grid-template-columns:auto 84px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.checkin-submit-photo-row__index{text-align:center;color:#705840;min-width:2.2em;font-size:12px;font-weight:700}.checkin-submit-photo-row img,.checkin-submit-photo-row__empty{object-fit:cover;border:1px solid #694e3433;border-radius:10px;width:84px;height:84px}.checkin-submit-photo-row__empty{color:#796755;background:#f1e7d6e0;place-items:center;font-size:12px;display:grid}.checkin-submit-photo-row__meta{gap:4px;min-width:0;display:grid}.checkin-submit-photo-row__point,.checkin-submit-photo-row__name{margin:0}.checkin-submit-photo-row__point{color:#4e3926;font-size:14px;font-weight:700}.checkin-submit-photo-row__name{color:#6b5845;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.checkin-submit-photo-row__desc{width:100%;min-width:0;color:var(--text);background:#fffcf5e6;border:1px solid #6a4e343d;border-radius:10px;margin-top:4px;padding:8px 10px;font-size:13px}.checkin-submit-photo-row__caption{width:100%;min-width:0;min-height:74px;color:var(--text);resize:vertical;background:#fffcf5e6;border:1px solid #6a4e343d;border-radius:10px;margin-top:4px;padding:8px 10px;font-size:13px}.checkin-submit-photo-row__caption-count{margin-top:2px;display:inline-block}.checkin-submit-actions{gap:10px;display:flex}.checkin-loading-text{color:#695642;margin:10px 0 0;font-size:13px}.invite-row{box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#fffbf3eb,#f1e3c8cc);border:1px solid #6c523838;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.invite-row__content{white-space:nowrap;scrollbar-width:thin;align-items:center;gap:10px;min-width:0;display:flex;overflow-x:auto}.invite-row__code{font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:16px;font-weight:700}.invite-row__meta{color:var(--muted);font-size:13px}.badge{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.success{color:var(--success);background:#2a725024}.badge.muted{color:var(--muted);background:#76665529}@media (width<=640px){.panel{border-radius:22px;padding:22px}.inline-row{grid-template-columns:1fr}.selected-photo-item{grid-template-columns:auto 60px minmax(0,1fr);gap:10px}.selected-photo-item img{width:60px;height:60px}.selected-photo-item__remove{grid-column:1/-1;justify-self:end;padding:7px 10px}.invite-row{grid-template-columns:minmax(0,1fr)}.invite-row .secondary{width:100%}.page-switch,.admin-toolbar{flex-direction:column}.wall-topbar{inset:12px 12px auto}.wall-topbar__inner{flex-direction:column;align-items:stretch}.wall-feed{padding:108px 16px 28px}.pine-wall{min-height:auto;padding:26px 14px 18px}.pine-atmosphere,.pine-wall:before,.pine-wall:after,.pine-tree{display:none}.pine-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hanging-book{animation:none;transform:none}.hanging-book:before,.hanging-book__rope{display:none}.wall-pager{flex-wrap:wrap}.book-modal{padding:0}.book-modal__panel{border-radius:0;width:100vw;height:100vh;padding:0}.book-modal__header{gap:10px;padding:12px 12px 8px}.book-modal__header h2{margin-bottom:6px;font-size:clamp(20px,7vw,28px)}.book-page-view{--book-roll-width:52px;--book-roll-tail:18px;border-radius:0;width:100vw;height:100vh}.book-spine-single{width:var(--book-roll-width)}.book-page-single{padding-left:calc(var(--book-roll-width) + var(--book-roll-tail) - 4px)}.book-page-single footer{padding:7px 10px;font-size:11px}.book-page-single--flip:before,.book-page-single--flip:after{animation-duration:.36s}.checkin-shell{padding:14px}.checkin-route-picker__grid{grid-template-columns:1fr}.checkin-submit-photo-row{grid-template-columns:auto 64px minmax(0,1fr);gap:10px}.checkin-submit-photo-row img,.checkin-submit-photo-row__empty{width:64px;height:64px}.checkin-submit-actions{flex-direction:column}.checkin-cover img{height:152px}.checkin-cover__meta{gap:2px;display:grid}.checkin-cover__meta span{margin-left:0}.checkin-route{grid-template-columns:1fr}.checkin-stop h2{font-size:17px}.checkin-stop__actions{flex-wrap:wrap}.paper-book__turn{width:42px;height:62px;font-size:22px}.paper-book__turn:first-child{left:8px}.paper-book__turn:last-child{right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}