:root{--bg: #17120f;--bg-soft: #1f1915;--card: #241d19;--card-hi: #2c2320;--line: rgba(255, 255, 255, .08);--text: #f2ece6;--muted: #9b8f86;--faint: #6f6560;--accent: #e08d79;--accent-soft: rgba(224, 141, 121, .16);--gold: #d9a08a;--violet: #a99bd4;--radius: 22px;--nav-h: 74px;--safe-b: env(safe-area-inset-bottom, 0px);--serif: "Playfair Display", "Songti SC", "STSong", serif}:root[data-theme=light]{--bg: #f5efe9;--bg-soft: #ece4dc;--card: #fffaf5;--card-hi: #ffffff;--line: rgba(74, 52, 40, .14);--text: #2a211c;--muted: #6f615a;--faint: #9c8d84;--accent: #c25c42;--accent-soft: rgba(194, 92, 66, .12);--gold: #a4663d;--violet: #6f5fa8}:root[data-theme=light] body{background:radial-gradient(120% 80% at 50% 0%,#fffaf4 0%,var(--bg) 55%);background-attachment:fixed}:root[data-theme=light] .nav{background:#fffaf5e6}:root[data-theme=light] .sheet-mask{background:#3c2a2059}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%,#2a201b 0%,var(--bg) 55%);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}.shell{min-height:100%;padding:20px 18px calc(var(--nav-h) + var(--safe-b) + 18px);max-width:520px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}.page-title{font-size:30px;font-weight:700;letter-spacing:.02em;margin:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;flex:none;margin-top:24px}.page-sub{color:var(--muted);font-size:14px;margin:10px 0 24px}.section-title{font-size:19px;font-weight:600;margin:28px 0 14px}.card{background:linear-gradient(160deg,var(--card-hi),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card.tap{display:block;width:100%;text-align:left}.card.tap:active{transform:scale(.99);opacity:.9}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.hero-card{padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.hero-card .kicker{font-size:11px;letter-spacing:.2em;color:var(--violet);text-transform:uppercase}.hero-card .big{font-size:26px;font-weight:700;margin:14px 0}.hero-card .foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.tile-title{font-size:17px;font-weight:600;margin:14px 0 4px}.tile-sub{font-size:12px;color:var(--faint)}.tile-icon{font-size:20px;color:var(--gold)}.row-list{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:18px;width:100%;text-align:left}.row .icon{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:17px;flex:none}.row .main{flex:1;min-width:0}.row .main b{display:block;font-weight:600;font-size:15px}.row .main span{display:block;color:var(--faint);font-size:12px;margin-top:2px}.row .chev{color:var(--faint)}.counter{text-align:center;padding:26px 0 18px}.counter .label{color:var(--muted);font-size:14px;letter-spacing:.12em}.counter .num{font-family:var(--serif);font-size:96px;line-height:1;font-weight:500;letter-spacing:-.02em}.counter .unit{color:var(--muted);font-size:15px;margin-left:6px}.counter .range{color:var(--faint);font-size:13px;margin-top:12px}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(10px + var(--safe-b));width:calc(100% - 24px);max-width:496px;height:var(--nav-h);background:#1e1814db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;justify-content:space-around;padding:0 6px;z-index:20}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--faint);font-size:11px;padding:8px 0;border-radius:20px}.nav-item.active{color:var(--text)}.nav-item .glyph{font-size:19px;line-height:1}.nav-add{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#2a1512;font-size:26px;line-height:1;display:grid;place-items:center;margin:0 4px;box-shadow:0 8px 22px #e08d7952;flex:none}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--bg-soft);border-top:1px solid var(--line);border-radius:28px 28px 0 0;padding:22px 20px calc(26px + var(--safe-b));animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(28px);opacity:.4}}.sheet h2{margin:0;font-size:22px}.sheet .sub{color:var(--muted);font-size:13px;margin:6px 0 18px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 4px}.type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;border-radius:16px;color:var(--text);font-size:12px}.type-btn .glyph{font-size:21px;color:var(--accent)}.type-btn:disabled{opacity:.35}.type-btn.on{background:var(--accent-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px}.chip.on{background:var(--accent-soft);border-color:#e08d7952;color:var(--accent)}.field-row{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.field-row .chip{margin-top:10px;display:inline-block}.field{width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:10px;outline:none}.field:focus{border-color:var(--accent)}textarea.field{min-height:92px;resize:vertical}.btn{display:block;width:100%;padding:14px;border-radius:16px;background:var(--accent);color:#2a1512;font-weight:600;margin-top:16px}.btn:disabled{opacity:.45}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:500}.hint{color:var(--faint);font-size:12px;margin-top:10px}.error{color:#e88d8d;font-size:13px;margin-top:10px;white-space:pre-wrap}.day-group{margin-bottom:22px}.day-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--muted);font-size:13px}.day-head:after{content:"";flex:1;height:1px;background:var(--line)}.post{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.post-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint);margin-bottom:10px}.post-head .who{color:var(--gold)}.post-text{margin:0 0 10px;white-space:pre-wrap;word-break:break-word}.post-title{font-size:17px;font-weight:600;margin:0 0 6px}.post-media{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.post-media .one{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--card-hi);padding:0;display:block;width:100%}.shot-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;font-size:15px;line-height:1;display:grid;place-items:center;z-index:2}.post-media .one img{width:100%;height:100%;object-fit:cover;display:block}.post-media .one.single{grid-column:span 3;aspect-ratio:4 / 3}.media-skeleton,.media-fallback{aspect-ratio:1;border-radius:12px;background:var(--card-hi);color:var(--faint);font-size:11px;display:grid;place-items:center}.post-foot{display:flex;gap:14px;margin-top:10px;font-size:12px;color:var(--faint)}.post-foot button{color:var(--faint)}.post-foot button.on{color:var(--accent)}.empty{text-align:center;color:var(--faint);padding:54px 20px;font-size:14px;line-height:1.8}.avatars{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0}.avatar{width:58px;height:58px;border-radius:50%;background:var(--card-hi);border:2px solid var(--violet);display:grid;place-items:center;font-size:20px;color:var(--text)}.avatar.b{border-color:var(--accent)}.avatar.has-img{padding:0;overflow:hidden}.profile-row{display:flex;align-items:flex-start;gap:14px}.profile-row .main{flex:1;min-width:0}.profile-actions{display:flex;gap:8px;margin-top:8px}.profile-actions .btn{flex:1;margin-top:0;padding:10px;font-size:13px}.avatar .fill{width:100%;height:100%;object-fit:cover;display:block}.link-line{color:var(--faint);font-size:13px;text-align:center}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;font-size:22px;text-align:center;color:var(--accent);padding:14px;background:var(--accent-soft);border-radius:14px;margin-top:12px;-webkit-user-select:all;user-select:all}.code-block{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:16px}.code-block .code-label{grid-column:1 / -1;font-size:12px;color:var(--faint)}.code-block .code{margin-top:0}.code.big{font-size:26px;letter-spacing:.24em}.badge{display:inline-block;font-size:11px;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.banner{background:var(--accent-soft);border:1px solid rgba(224,141,121,.28);border-radius:16px;padding:12px 14px;font-size:13px;color:var(--gold);margin-bottom:14px}.auth-wrap{min-height:100%;display:flex;flex-direction:column;justify-content:center;max-width:420px;margin:0 auto;padding:30px 22px calc(30px + var(--safe-b))}.auth-brand{text-align:center;margin-bottom:26px}.auth-brand .mark{font-size:34px;font-weight:700;letter-spacing:.04em}.auth-brand .en{font-size:11px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase;margin-top:6px}.tabs-switch{display:flex;gap:8px;margin-bottom:18px}.tabs-switch button{flex:1;padding:10px;border-radius:14px;border:1px solid var(--line);color:var(--muted);font-size:14px}.tabs-switch button.on{background:var(--accent-soft);color:var(--accent);border-color:#e08d794d}.cal-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.cal-head .title{font-size:20px;font-weight:600}.cal-nav{display:flex;gap:10px;color:var(--muted)}.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;color:var(--faint);font-size:12px;text-align:center;margin-bottom:8px}.cal-week .wk{color:var(--accent)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{position:relative;aspect-ratio:1 / 1.12;border-radius:12px;background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:7px;color:var(--text)}.cal-cell.outside{opacity:.26}.cal-cell.today{border-color:var(--accent)}.cal-cell.sel{background:var(--accent-soft)}.cal-cell .d{font-size:15px;font-weight:600;position:relative;z-index:1}.cal-cell .l{font-size:10px;color:var(--faint);margin-top:2px;position:relative;z-index:1;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 2px}.cal-cell .l.festival{color:var(--accent)}.cal-cell .l.term{color:var(--violet)}.cal-cell .b{position:absolute;top:3px;right:3px;font-size:9px;line-height:1.4;padding:0 4px;border-radius:5px;z-index:2}.cal-cell .b.off{background:#e08d793d;color:var(--accent)}.cal-cell .b.work{background:#ffffff1f;color:var(--muted)}.cal-cell.has{justify-content:space-between;padding:7px 0 5px}.cal-cell.has img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cal-cell.has .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#17120f99,#17120f1a 42%,#17120fcc)}.cal-cell.has .d{color:#fff}.cal-cell.has .l{color:#ffffffb8}.cal-cell.has .l.festival{color:var(--accent)}.cal-cell .count{position:relative;z-index:1;font-size:10px;color:var(--accent)}.cal-photo-hit{position:absolute;left:0;right:0;bottom:0;height:56%;z-index:1}.cal-stats{text-align:center;color:var(--faint);font-size:12px;margin-top:16px}.wall{column-count:3;column-gap:6px;margin-top:16px}.wall .shot{break-inside:avoid;margin-bottom:6px;border-radius:12px;overflow:hidden;background:var(--card-hi);display:block;width:100%;padding:0}.wall .shot img{width:100%;display:block}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:40;display:grid;place-items:center;padding:12px}.lightbox img{max-width:100%;max-height:92vh;border-radius:8px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000f5;touch-action:pan-y}.viewer-top{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;z-index:2}.viewer-btn{color:#fff;font-size:13px;padding:8px 14px;border-radius:12px;background:#ffffff24}.viewer-btn.close{width:34px;height:34px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:15px}.viewer-count{color:#ffffffb3;font-size:13px;letter-spacing:.08em}.viewer-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:52px 6px 44px}.viewer-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.viewer-tip{color:#fff9;font-size:14px}.viewer-note{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:16px;right:16px;text-align:center;color:#ffffff8c;font-size:11px;line-height:1.5}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffff24;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;z-index:2}.viewer-arrow.left{left:8px}.viewer-arrow.right{right:8px}.viewer-arrow:disabled{opacity:.22}.shot-btn{padding:0;border-radius:12px;overflow:hidden;background:var(--card-hi);display:block;width:100%;aspect-ratio:1}.shot-btn.single{aspect-ratio:4 / 3}.answer-box{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.answer-box .who{font-size:12px;color:var(--faint);margin-bottom:4px}.answer-box .body{font-size:16px;color:var(--text)}.locked{color:var(--faint);font-size:13px;margin-top:12px}.countdown{display:flex;align-items:baseline;gap:8px}.countdown .num{font-family:var(--serif);font-size:40px;line-height:1}.qa-item{border-bottom:1px solid var(--line);padding:14px 0}.qa-item:last-child{border-bottom:0}.qa-item .q{font-size:15px;font-weight:600;margin-bottom:8px}.qa-item .a{font-size:14px;color:var(--muted);margin-top:6px}.qa-item .a b{color:var(--gold);font-weight:500;font-size:12px;display:block;margin-bottom:2px}.qa-item .day{font-size:11px;color:var(--faint);letter-spacing:.1em}.when-row{display:flex;align-items:center;gap:8px;margin-top:14px}.when-label{font-size:13px;color:var(--muted);flex:none}.when{flex:1;min-width:0;margin-top:0}.map-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--violet);text-decoration:none;margin-bottom:8px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.filter-row .field.select{width:auto;flex:none;margin-top:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:14px;color:var(--muted)}.filter-row .chip{margin-top:0}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:grid;place-items:center;padding:24px}.lock-inner{width:100%;max-width:320px;text-align:center}.pin-dots{display:flex;justify-content:center;gap:10px;margin:18px 0;min-height:14px}.pin-dots span{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line)}.pin-dots span.on{background:var(--accent);border-color:var(--accent)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}.key{height:56px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:20px}.key:active{background:var(--card-hi)}.key.fn{font-size:14px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 14px}.wish-list{display:flex;flex-direction:column;margin-top:12px}.wish{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.wish:last-child{border-bottom:0}.wish .main{flex:1;min-width:0}.wish .main b{display:block;font-weight:600;font-size:15px;word-break:break-word}.wish .main span{display:block;color:var(--faint);font-size:12px;margin-top:2px}.wish-check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);flex:none;position:relative}.wish-check.on{background:var(--accent);border-color:var(--accent)}.wish-check.on:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#2a1512;font-size:13px}.wish.done .main b{color:var(--faint);text-decoration:line-through}.wish-del{color:var(--faint);font-size:19px;line-height:1;padding:0 6px;flex:none}html{overscroll-behavior:none}body{-webkit-touch-callout:none}.nav,.nav-item,.page-title,.eyebrow,.page-sub,.tile-title,.tile-sub,.badge,.cal-cell,.cal-week,.day-head,.post-head,.post-foot,.chip,.btn,.code,.viewer-top,.wish .main span,.row .main span,.section-title,.hint{-webkit-user-select:none;user-select:none}.post-text,.post-title,.answer-box .body,.qa-item .q,.qa-item .a,.locked,input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}button,.chip,.cal-cell,.row,.wish,.shot,.one{touch-action:manipulation}.tab-fade{animation:tabFade .22s ease-out}@keyframes tabFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.tab-fade{animation:none}}