:root{--primary: #5645d4;--primary-pressed: #4534b3;--brand-navy: #0a1530;--brand-navy-2: #1a2a52;--link-blue: #0075de;--brand-pink: #ff64c8;--brand-pink-deep: #a02e6d;--brand-purple-800: #391c57;--success: #1aae39;--danger: #d92d20;--warning: #dd5b00;--brown: #523410;--t-peach: #ffe8d4;--t-rose: #fde0ec;--t-mint: #d9f3e1;--t-lavender: #e6e0f5;--t-sky: #dcecfa;--t-yellow: #f9e79f;--t-yellow-soft: #fbeec0;--t-yellow-line: #e0c97a;--t-gray: #f0eeec;--canvas: #ffffff;--surface: #f6f5f4;--surface-soft: #fafaf9;--hairline: #e5e3df;--hairline-soft: #ede9e4;--hairline-strong: #c8c4be;--ink: #1a1a1a;--charcoal: #37352f;--slate: #5d5b54;--steel: #787671;--stone: #a4a097;--muted: #bbb8b1;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:#e8e6e3;color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;border:none;background:none;outline:none;color:inherit}a{color:var(--link-blue);text-decoration:none}button:disabled{cursor:not-allowed}.app{display:flex;height:100%;background:var(--canvas)}.app-col{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;background:var(--canvas)}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column}.app-main::-webkit-scrollbar{display:none}.page{width:100%;max-width:640px;margin:0 auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:14px}.page.flush{padding-top:0}.sidebar{display:none;width:232px;flex:none;background:var(--surface-soft);border-right:1px solid var(--hairline);padding:24px 16px;flex-direction:column;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 6px 22px}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}.sidebar-brand span{font-size:16px;font-weight:600}.sidenav-group{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--stone);padding:14px 8px 6px}.sidenav-item{height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:var(--r-md);color:var(--slate);width:100%;text-align:left;transition:background .16s}.sidenav-item:hover{background:var(--hairline-soft)}.sidenav-item.on{background:#fff;border:1px solid var(--hairline);color:var(--ink)}.sidenav-item .lb{font-size:14px;flex:1}.sidenav-item.on .lb{font-weight:500}.sidenav-item .ct{font-size:12px;color:var(--stone)}.navbar{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:20}.navbar-title{font-size:16px;font-weight:600}.navbar-left,.navbar-right{display:flex;align-items:center;gap:12px;min-width:0}.navbar.center{justify-content:center;position:relative}.navbar.center .navbar-left{position:absolute;left:12px}.navbar.center .navbar-right{position:absolute;right:12px}.icon-btn{width:34px;height:34px;flex:none;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--charcoal);transition:background .16s}.icon-btn:hover{background:var(--surface)}.icon-btn svg{display:block}.tabbar{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--hairline)}.tabbar-pill{width:100%;max-width:560px;margin:0 auto;height:60px;border:1px solid var(--hairline);border-radius:34px;padding:4px;display:flex;gap:4px;box-shadow:0 6px 18px #0f0f0f14}.tab-item{flex:1;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background .2s;color:var(--steel)}.tab-item span{font-size:10px;font-weight:500;letter-spacing:.5px}.tab-item.on{background:var(--ink);color:#fff}.tab-item.on span{font-weight:600}.btn{height:46px;padding:0 18px;border-radius:var(--r-lg);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;transition:background .16s,transform .1s,opacity .16s;white-space:nowrap}.btn:active{transform:scale(.985)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #5645d43d}.btn-primary:hover{background:var(--primary-pressed)}.btn-ghost{background:var(--canvas);border:1px solid var(--hairline-strong);color:var(--charcoal)}.btn-ghost:hover{background:var(--surface)}.btn-danger{background:var(--danger);color:#fff}.btn-quiet{background:transparent;color:var(--slate);border:1px solid transparent}.btn-quiet:hover{background:var(--surface)}.btn-block{width:100%}.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:var(--r-md)}.btn:disabled{opacity:.45;box-shadow:none}.field{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:10px;transition:border-color .16s}.field:focus-within{border:2px solid var(--primary);padding:0 13px}.field input{width:100%;font-size:15px;color:var(--ink)}.field input::placeholder{color:var(--stone)}.field-affix{flex:none;font-size:13px;color:var(--steel)}.field-block{display:flex;flex-direction:column;gap:7px}.field-label{font-size:13px;font-weight:600;color:var(--charcoal)}.field-hint{font-size:12px;line-height:18px;color:var(--stone)}.textarea{width:100%;min-height:120px;resize:none;font-size:15px;line-height:28px;color:var(--charcoal)}.textarea::placeholder{color:var(--muted)}.input-plain{width:100%;font-size:15px;color:var(--ink)}.input-plain::placeholder{color:var(--stone)}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:16px}.card.tint{background:var(--surface-soft)}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.section-title{font-size:14px;font-weight:600;color:var(--charcoal)}.muted{color:var(--slate)}.ghost-text{color:var(--stone)}.small{font-size:12px;line-height:18px}.tiny{font-size:11px;line-height:17px}.mono{font-variant-numeric:tabular-nums}.badge{height:22px;padding:0 8px;border-radius:var(--r-sm);display:inline-flex;align-items:center;gap:4px;flex:none;font-size:11px;font-weight:600}.badge-shared{background:var(--t-rose);color:var(--brand-pink-deep)}.badge-private{background:var(--t-gray);color:var(--steel)}.chip-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{height:32px;padding:0 14px;border-radius:var(--r-full);display:inline-flex;align-items:center;gap:6px;flex:none;font-size:13px;background:var(--canvas);border:1px solid var(--hairline);color:var(--slate);transition:all .18s}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.chip:hover:not(.on){border-color:var(--hairline-strong)}.avatar{border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;flex:none;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.avatar-me{background:var(--t-sky);color:var(--link-blue)}.avatar-ta{background:var(--t-rose);color:var(--brand-pink-deep)}.avatar-28{width:28px;height:28px;font-size:12px}.avatar-40{width:40px;height:40px;font-size:15px}.avatar-36{width:36px;height:36px;font-size:14px}.dual-ava{display:flex;align-items:center;flex:none}.dual-ava .avatar:first-child{margin-right:-12px;z-index:2;box-shadow:0 0 0 2px var(--brand-navy)}.dual-ava .avatar:last-child{z-index:1;box-shadow:0 0 0 2px var(--brand-navy)}.dual-ava.on-light .avatar:first-child,.dual-ava.on-light .avatar:last-child{box-shadow:0 0 0 2px var(--canvas)}.pair-card{background:var(--brand-navy);border-radius:var(--r-xl);padding:16px;display:flex;align-items:center;gap:12px;color:#fff}.pair-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pair-info .l1{font-size:14px;font-weight:600}.pair-info .l2{font-size:12px;color:var(--stone)}.circle-btn{width:40px;height:40px;border-radius:var(--r-full);flex:none;background:var(--primary);display:flex;align-items:center;justify-content:center;transition:background .18s}.circle-btn:hover{background:var(--primary-pressed)}.recall-entry{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-lg);background:var(--t-lavender);text-align:left;transition:transform .16s}.recall-entry:hover{transform:translateY(-1px)}.recall-entry .re-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recall-entry .re-txt .t{font-size:14px;font-weight:600;color:var(--brand-purple-800)}.recall-entry .re-txt .d{font-size:12px;color:var(--slate)}.day-label{font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--stone);padding-top:4px}.entry-card{width:100%;background:var(--canvas);border:1px solid var(--hairline);border-top-width:3px;border-top-color:var(--hairline);border-radius:var(--r-lg);padding:14px 16px;display:flex;flex-direction:column;gap:9px;text-align:left;transition:box-shadow .2s,transform .2s}.entry-card:hover{box-shadow:0 4px 14px #0f0f0f14;transform:translateY(-1px)}.entry-card.ta{border-top-color:var(--brand-pink)}.entry-card.me{border-top-color:var(--link-blue)}.entry-head{display:flex;align-items:center;gap:8px}.entry-head .nm{font-size:14px;font-weight:600;flex:none}.entry-head .nm.me{color:var(--link-blue)}.entry-head .tm{font-size:12px;color:var(--stone);flex:1;min-width:0}.entry-title{font-size:15px;font-weight:600;line-height:24px}.entry-body{font-size:14px;line-height:24px;color:var(--charcoal);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.entry-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--slate)}.meta.read{color:var(--success)}.lock-note{flex:1;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--stone);justify-content:flex-end}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:44px 20px;color:var(--slate)}.empty .em-t{font-size:15px;font-weight:600;color:var(--charcoal)}.empty .em-d{font-size:13px;line-height:20px;max-width:300px}.empty .em-ico{width:52px;height:52px;border-radius:var(--r-full);background:var(--surface);display:flex;align-items:center;justify-content:center}.banner{border-radius:var(--r-md);padding:11px 13px;font-size:13px;line-height:20px;display:flex;align-items:flex-start;gap:8px}.banner-error{background:#fdecea;color:#8a1c14}.banner-info{background:var(--t-mint);color:#0f5c22}.banner-warn{background:var(--t-yellow);color:var(--brown)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a15306b;display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:100%;max-width:380px;background:var(--canvas);border-radius:var(--r-xl);padding:20px 18px 16px;box-shadow:0 24px 60px #0a153057;display:flex;flex-direction:column;gap:11px}.modal h3{font-size:16px;font-weight:700}.modal .modal-lead{font-size:13px;line-height:20px;color:var(--slate)}.modal .modal-list{list-style:none;display:flex;flex-direction:column;gap:9px}.modal .modal-list li{position:relative;padding-left:14px;font-size:12.5px;line-height:19px;color:var(--charcoal)}.modal .modal-list li:before{content:"";position:absolute;left:0;top:7.5px;width:5px;height:5px;border-radius:3px;background:var(--brand-pink)}.modal .modal-note{font-size:12px;color:var(--stone)}.modal-actions{display:flex;gap:9px;margin-top:3px}.modal-actions .btn{flex:1;height:44px;font-size:14px}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:40px;min-width:190px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:0 12px 32px #0f0f0f29;padding:6px;z-index:40;display:flex;flex-direction:column;gap:2px}.menu button{width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-md);font-size:14px;display:flex;align-items:center;gap:9px;color:var(--charcoal)}.menu button:hover{background:var(--surface)}.menu button.danger{color:var(--danger)}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:200;pointer-events:none;padding:0 20px}.toast{background:#0a1530f0;color:#fff;font-size:13px;line-height:19px;padding:10px 16px;border-radius:var(--r-lg);max-width:340px;text-align:center;box-shadow:0 10px 30px #0a15304d}.write-title{width:100%;font-size:21px;font-weight:700;line-height:32px;color:var(--ink)}.write-title::placeholder{color:var(--hairline-strong)}.mood-row{display:flex;gap:8px;flex-wrap:wrap}.mood{height:30px;padding:0 11px;border-radius:15px;display:inline-flex;align-items:center;font-size:12px;background:var(--canvas);border:1px solid var(--hairline);color:var(--slate);transition:all .18s}.mood.on{background:var(--t-lavender);border-color:var(--t-lavender);color:var(--brand-purple-800);font-weight:600}.share-card{background:var(--t-yellow);border-radius:var(--r-xl);padding:16px;display:flex;flex-direction:column;gap:12px}.share-card h3{font-size:14px;font-weight:600;color:var(--brown)}.share-option{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;background:#fff;text-align:left;transition:all .2s}.share-option.off{background:var(--t-yellow-soft)}.share-option .radio{width:20px;height:20px;border-radius:var(--r-full);flex:none;border:1.5px solid var(--hairline-strong);background:#fff;display:flex;align-items:center;justify-content:center}.share-option.on .radio{border-color:var(--primary);background:var(--primary)}.share-option.on .radio:after{content:"";width:7px;height:7px;border-radius:var(--r-full);background:#fff}.share-option .opt-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.share-option .opt-txt .t{font-size:14px;font-weight:600}.share-option.off .opt-txt .t{font-weight:400}.share-option .opt-txt .d{font-size:12px;line-height:18px;color:var(--slate)}.switch-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 2px}.switch-row .lb{font-size:13px;color:var(--brown);flex:1}.switch-row.off .lb{color:var(--charcoal)}.switch-row .st{font-size:12px;color:var(--steel);flex:none}.switch-row.disabled{opacity:.45}.switch{width:40px;height:24px;border-radius:12px;flex:none;background:var(--hairline-strong);padding:2px;display:flex;transition:background .22s}.switch.on{background:var(--primary)}.switch .knob{width:20px;height:20px;border-radius:var(--r-full);background:#fff;box-shadow:0 1px 3px #0003;transition:transform .22s}.switch.on .knob{transform:translate(16px)}.hr-yellow{height:1px;background:var(--t-yellow-line);border:none}.thumb-grid{display:flex;flex-wrap:wrap;gap:8px}.thumb{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--surface);flex:none}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.thumb-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:var(--r-full);background:#0a1530b8;color:#fff;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}.thumb-add{width:84px;height:84px;border-radius:10px;border:1px dashed var(--hairline-strong);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--steel);cursor:pointer;flex:none;transition:background .16s}.thumb-add:hover{background:var(--hairline-soft)}.save-state{font-size:12px;color:var(--stone);flex:none;white-space:nowrap}.author-row{display:flex;align-items:center;gap:10px}.author-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.author-info .n{font-size:15px;font-weight:600}.author-info .t{font-size:12px;color:var(--stone)}.detail-title{font-size:21px;font-weight:700;line-height:30px}.detail-body{font-size:15px;line-height:27px;color:var(--charcoal);white-space:pre-wrap;overflow-wrap:anywhere}.mood-pill{height:26px;padding:0 10px;border-radius:13px;align-self:flex-start;background:var(--t-rose);color:var(--brand-pink-deep);font-size:11px;font-weight:600;display:inline-flex;align-items:center}.photo-grid{display:flex;flex-direction:column;gap:8px}.photo{width:100%;border-radius:var(--r-lg);background:var(--t-mint);display:block;max-height:420px;object-fit:cover}.reply-box{background:var(--surface);border-radius:var(--r-lg);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.reply-head{display:flex;align-items:center;gap:7px}.reply-head h3{font-size:14px;font-weight:600;flex:1}.read-tag{font-size:11px;font-weight:500;color:var(--success);flex:none}.reply-item{display:flex;flex-direction:column;gap:4px}.reply-au{display:flex;align-items:center;gap:6px}.reply-au .n{font-size:12px;font-weight:600;color:var(--link-blue);flex:none}.reply-au .t{font-size:11px;color:var(--stone);flex:1}.reply-tx{font-size:13px;line-height:21px;color:var(--charcoal);white-space:pre-wrap}.quick-row{display:flex;gap:6px;flex-wrap:wrap}.quick{height:30px;padding:0 10px;border-radius:15px;background:#fff;border:1px solid var(--hairline);font-size:12px;color:var(--slate);display:inline-flex;align-items:center;transition:all .18s}.quick:hover{border-color:var(--primary);color:var(--primary)}.comment-bar{flex:none;display:flex;align-items:center;gap:9px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--hairline)}.comment-input{flex:1;height:42px;display:flex;align-items:center;padding:0 14px;background:var(--surface);border-radius:var(--r-full)}.comment-input input{width:100%;font-size:14px}.send-btn{width:42px;height:42px;border-radius:var(--r-full);background:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}.send-btn:disabled{opacity:.4}.lock-hint{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;background:var(--t-gray)}.lock-hint .c{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lock-hint .t{font-size:13px;font-weight:500;color:var(--charcoal)}.lock-hint .d{font-size:11px;line-height:17px;color:var(--steel)}.matrix{border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.mx-head{height:36px;padding:0 14px;display:flex;gap:8px;align-items:center;background:var(--surface)}.mx-head .c{flex:1;text-align:center;font-size:11px;font-weight:600;color:var(--steel)}.mx-row{height:44px;padding:0 14px;display:flex;gap:8px;align-items:center;border-top:1px solid var(--hairline-soft)}.mx-row .nm{font-size:13px;font-weight:500;color:var(--charcoal);flex:1}.mx-cell{flex:1;height:24px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;background:var(--t-gray);color:var(--steel)}.mx-cell.mine{background:var(--t-sky);color:var(--link-blue);font-weight:600}.mx-cell.ta{background:var(--t-rose);color:var(--brand-pink-deep);font-weight:600}.list-card{border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden}.setting-row{min-height:60px;width:100%;display:flex;align-items:center;gap:11px;padding:11px 14px;text-align:left;transition:background .16s}.setting-row:hover{background:var(--surface-soft)}.setting-row+.setting-row{border-top:1px solid var(--hairline-soft)}.set-ico{width:32px;height:32px;border-radius:var(--r-md);flex:none;display:flex;align-items:center;justify-content:center}.set-ico.lav{background:var(--t-lavender);color:var(--brand-purple-800)}.set-ico.mint{background:var(--t-mint);color:#0f5c22}.set-ico.sky{background:var(--t-sky);color:var(--link-blue)}.set-ico.rose{background:var(--t-rose);color:var(--brand-pink-deep)}.set-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.set-txt .t{font-size:14px;font-weight:500;color:var(--ink)}.set-txt .d{font-size:11px;color:var(--stone)}.set-val{font-size:13px;color:var(--steel);flex:none}.anni-card{background:var(--t-rose);border-radius:var(--r-xl);padding:16px;display:flex;flex-direction:column;gap:12px}.anni-head{display:flex;align-items:center;gap:8px}.anni-head h3{font-size:14px;font-weight:600;flex:1;color:var(--brand-pink-deep)}.anni-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fff;text-align:left;transition:transform .16s,box-shadow .16s}.anni-item:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0f0f0f12}.anni-date{width:42px;height:42px;border-radius:10px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.anni-date.pink{background:var(--t-rose)}.anni-date.pur{background:var(--t-lavender)}.anni-date .d{font-size:15px;font-weight:700;line-height:1}.anni-date.pink .d{color:var(--brand-pink-deep)}.anni-date.pur .d{color:var(--brand-purple-800)}.anni-date .m{font-size:10px;color:var(--stone)}.anni-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.anni-info .t{font-size:14px;font-weight:600}.anni-info .d{font-size:11px;color:var(--slate)}.countdown{height:26px;padding:0 9px;border-radius:var(--r-sm);background:var(--brand-pink-deep);color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;flex:none}.foot-note{font-size:11px;line-height:18px;color:var(--stone)}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 20px;background:var(--surface-soft)}.auth-card{width:100%;max-width:420px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-xl);padding:26px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #0f0f0f14}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand span{font-size:17px;font-weight:600}.auth-title{font-size:24px;font-weight:700;line-height:34px}.auth-sub{font-size:13px;line-height:21px;color:var(--slate)}.code-chip{height:30px;padding:0 12px;border-radius:var(--r-md);background:var(--t-lavender);font-size:16px;font-weight:700;letter-spacing:5px;color:var(--brand-purple-800);display:flex;align-items:center;flex:none}.code-display{font-size:34px;font-weight:800;letter-spacing:12px;text-align:center;color:var(--brand-purple-800);background:var(--t-lavender);border-radius:var(--r-lg);padding:18px 10px 18px 22px;font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--hairline-soft) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--r-md)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-card{height:120px;border-radius:var(--r-lg)}.spinner{width:22px;height:22px;border-radius:var(--r-full);border:2.5px solid var(--hairline);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{display:flex;align-items:center;justify-content:center;padding:40px}@media(min-width:1024px){.sidebar{display:flex}.tabbar{display:none}.app-main{background:var(--canvas)}.toast-wrap{bottom:32px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}