:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#20251b;--shell:#232a20;--panel:#2b3128;--panel-2:#333a2e;--surface:#272e25;--field:#1d241b;--line:#ebe0be24;--line-strong:#ffcf333d;--text:#f4ecd8;--muted:#f4ecd8a3;--yellow:#ffcf21;--yellow-2:#f0b90b;--volt-red:#ff2f1f;--volt-red-soft:#ff2f1f1f;--volt-red-line:#ff2f1f75;--danger:var(--volt-red);--rubber:#171c15;--radius:8px;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#ebe0be08 1px, transparent 1px), linear-gradient(90deg, #ebe0be08 1px, transparent 1px), linear-gradient(#ff2f1f09 1px, transparent 1px), linear-gradient(90deg, #ff2f1f07 1px, transparent 1px), linear-gradient(135deg, #ffcf210b, transparent 36%), radial-gradient(circle at top right, #5f704b66, transparent 34%), var(--bg);min-width:320px;color:var(--text);background-size:32px 32px,32px 32px,160px 160px,160px 160px,auto,auto,auto;margin:0}html{background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{background:linear-gradient(#ebe0be07 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ebe0be07 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#ff2f1f06 1px,#0000 1px) 0 0/160px 160px;justify-content:center;min-height:100vh;padding:0;display:flex}.phone-frame{width:min(100%,520px);min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));background:linear-gradient(#ebe0be05 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ebe0be05 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#ffecb40b,#0000 180px),linear-gradient(#252c22f7,#1f251dfc)}.topbar{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:18px;display:flex}.brand{letter-spacing:0;align-items:center;gap:7px;font-size:15px;font-weight:800;display:inline-flex}.brand-mark,.hero-mark{background:var(--yellow);flex-shrink:0;-webkit-mask:url(/brand/mark-mono.svg) 50%/contain no-repeat;mask:url(/brand/mark-mono.svg) 50%/contain no-repeat}.topbar-right{align-items:center;gap:10px;display:inline-flex}.logout-button{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--text);background:#f4ecd80a;padding:0 10px;font-size:13px;font-weight:800}.brand-mark{width:28px;height:28px}.back-link,.small-action{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--text);background:#f4ecd80a;justify-content:center;align-items:center;padding:0 13px;font-weight:700;display:inline-flex}.small-action{background:var(--yellow);border-color:var(--yellow);color:#171609}.hero,.page-header{margin-bottom:22px}.hero{align-items:flex-end;min-height:156px;display:flex;position:relative;overflow:hidden}.hero-mark{opacity:.08;background:var(--text);width:108px;height:120px;position:absolute;top:0;right:-4px}.hero>div{z-index:1;position:relative}.page-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.eyebrow,.card-kicker{color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:clamp(34px,11vw,48px);line-height:.95}h2{margin-bottom:6px;font-size:19px;line-height:1.1}p{color:var(--muted);line-height:1.45}.action-grid{gap:9px;display:grid}.field-button,.primary-submit{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffeeb40a, #070b070f), var(--surface);align-items:center;gap:12px;min-height:56px;padding:11px 12px;font-size:16px;font-weight:800;transition:border-color .14s,background .14s,transform .14s;display:flex;box-shadow:inset 0 1px #f4ecd80f}.field-button:active,.primary-submit:active{transform:translateY(1px)}.field-button span{width:34px;height:34px;color:var(--yellow);background:#f4ecd812;border-radius:7px;place-items:center;font-size:19px;font-weight:900;display:grid}.field-button strong{font-size:inherit}.field-button.primary,.primary-submit{background:var(--yellow);border-color:var(--yellow);color:#171609}.field-button.primary span{color:#171609;background:#17160924}.field-button:not(.primary):hover,.ghost-button:hover,.details-button:hover,.preset-button:hover{border-color:var(--line-strong);background:linear-gradient(180deg, #ffeeb40e, #070b0714), var(--panel)}.stack{gap:12px;display:grid}.card,.proof-card,.info-block,.panel,.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffeeb40b, #090d0814), var(--panel);box-shadow:0 16px 34px #080a0740}.card{justify-content:space-between;align-items:center;gap:14px;min-height:94px;padding:16px;display:flex}.card p:last-child{margin-bottom:0}.arrow{color:var(--yellow);font-size:28px}.status-badge{border:1px solid var(--line-strong);color:var(--yellow);white-space:nowrap;background:#ffcf211a;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:12px;font-weight:800}.status-badge.status-pending,.status-option.status-pending{color:#d7d7d7;background:#aaaaaa1a;border-color:#aaaaaa57}.status-badge.status-progress,.status-option.status-progress{color:#9fc4ff;background:#5b9aff1a;border-color:#5b9aff57}.status-badge.status-fixed,.status-option.status-fixed{border-color:var(--line-strong);color:var(--yellow);background:#ffcf211a}.status-badge.status-approved,.status-option.status-approved{color:#8ee0a9;background:#5fbe821f;border-color:#5fbe825c}.status-badge.status-problem,.status-option.status-problem{border-color:var(--volt-red-line);background:var(--volt-red-soft);color:#ffb0a9}.project-meta{flex-wrap:wrap;gap:6px;margin:10px 0 8px;display:flex}.project-meta span{border:1px solid var(--line);color:var(--muted);background:#f4ecd80a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.progress-track{background:#f4ecd814;border-radius:999px;width:min(100%,260px);height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--yellow);height:100%;display:block}.section-title{color:var(--text);margin:24px 0 12px;font-size:16px}.info-block{gap:1px;display:grid;overflow:hidden}.info-block div{background:#10140f52;gap:4px;padding:10px 12px;display:grid}.info-block span{color:var(--muted);font-size:12px}.info-block strong{font-size:15px}.panel{gap:16px;padding:16px;display:grid}label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--field);width:100%;min-height:54px;color:var(--text);padding:0 14px}textarea{resize:vertical;min-height:104px;padding:13px 14px}.primary-submit{border:0;justify-content:center;min-height:58px;margin-top:4px}.tabs{gap:12px;margin-top:18px;display:grid}.proof-card{justify-content:space-between;align-items:center;gap:14px;min-height:86px;padding:15px;display:flex}.proof-card p{margin-bottom:0}.proof-card button{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:44px;color:var(--yellow);background:#ffcf211a;padding:0 12px;font-weight:800}.empty-state{padding:20px}.warning-state{border-color:var(--line-strong);background:#ffcf2114;margin-bottom:16px}.compact-panel{margin:12px 0}.wide-add,.ghost-button,.details-button,.preset-button,.status-option{min-height:44px;color:var(--text);background:#f4ecd809;border:1px solid #ffcf212e;border-radius:8px;padding:0 11px;font-weight:800}.wide-add{text-align:center;width:100%;margin-top:10px}.ghost-button,.details-button{border-color:var(--line);color:var(--text);background:#f4ecd80a}.danger-button{border-color:var(--volt-red-line);color:#ffd2cd;background:linear-gradient(#ff2f1f29,#ff2f1f14),#2d1916b8;box-shadow:inset 0 1px #ffb4aa14}.quick-create,.room-create-panel{margin-top:8px}.room-create-panel.collapsed{margin-bottom:6px}.room-picker{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;padding:8px;display:grid}.room-add-toggle{min-height:40px;color:var(--yellow);background:#f4ecd809;border-color:#ffcf213d;justify-content:center;margin-top:0;font-size:14px}.room-add-toggle.active{background:#ffcf2114;border-color:#ffcf215c}.floor-strip{scrollbar-width:none;gap:6px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow-x:auto}.floor-strip::-webkit-scrollbar{display:none}.floor-chip{border:1px solid var(--line);min-height:34px;color:var(--text);background:#f4ecd809;border-radius:999px;flex:none;padding:0 10px;font-size:12px;font-weight:800}.floor-chip.active{color:var(--yellow);background:#ffcf2121;border-color:#ffcf2173}.quick-create-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;display:flex}.quick-create-head h2{margin-bottom:0;font-size:15px}.details-button{white-space:nowrap;border-style:dashed;min-height:38px;padding:0 10px}.preset-grid,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.preset-button,.status-option{text-align:center;padding:7px 9px;font-size:13px;line-height:1.15}.preset-button{min-height:38px;color:var(--text)}.room-manual-form{gap:8px;margin-top:2px;display:grid}.room-manual-form input{min-height:44px}.collapse-panel,.structure-section{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:7px 0;overflow:hidden}.collapse-trigger,.compact-section-head{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.compact-section-head{border-bottom:1px solid var(--line);justify-content:space-between;display:flex}.collapse-title{gap:3px;min-width:0;display:grid}.collapse-title strong,.compact-section-head h2{margin:0;font-size:15px;line-height:1.1}.collapse-title small,.compact-section-head p{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:800;overflow:hidden}.collapse-chevron{width:28px;height:28px;color:var(--yellow);background:#ffcf2112;border:1px solid #ffcf2129;border-radius:6px;place-items:center;font-size:16px;font-weight:900;display:grid}.collapse-body{border-top:1px solid var(--line);padding:8px}.collapse-close{border:1px solid var(--line);width:100%;min-height:38px;color:var(--muted);background:#f4ecd809;border-radius:8px;margin-top:8px;font-size:13px;font-weight:800}.advanced-stack{gap:6px;margin-top:8px;display:grid}.compact-embedded{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.status-panel{margin-top:12px}.status-option{border-color:var(--line);min-height:42px;color:var(--text);background:#f4ecd80b}.status-option.active{border-color:var(--text);background:var(--text);color:#171609}.helper-text{margin-bottom:0;font-size:13px}.privacy-note{max-width:420px;color:var(--muted);text-align:center;margin:14px auto 0;font-size:12px;line-height:1.5}.privacy-note a{color:var(--yellow);font-weight:900;text-decoration:none}.privacy-note a:hover{text-decoration:underline}.legal-panel{gap:10px;padding:16px;display:grid}.legal-panel h2,.legal-panel p,.legal-panel ul{margin:0}.legal-panel h2{font-size:18px}.legal-panel p,.legal-panel li{color:var(--muted);font-size:14px;line-height:1.55}.legal-panel ul{padding-left:18px}.form-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.member-card{grid-template-columns:1fr;align-items:stretch;gap:12px;min-height:auto;padding:14px 15px;display:grid}.member-main h2{overflow-wrap:anywhere;margin-bottom:0;font-size:18px;line-height:1.2}.member-email{overflow-wrap:anywhere;margin-top:4px;margin-bottom:0}.member-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.member-role-select{width:100%;min-height:44px}.member-remove-button{min-width:92px;min-height:44px;padding:0 13px}.tree-panel{gap:8px;display:grid}.structure-section .tree-panel{padding:8px}.tree-group,.tree-room,.tree-wall{border-radius:var(--radius);background:#f4ecd807;border:1px solid #ebe0be1c;overflow:hidden}.tree-room,.tree-wall{background:#10140f47}.tree-toggle{width:100%;min-height:46px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.tree-icon{width:24px;height:24px;color:var(--yellow);background:#ffcf2111;border:1px solid #ffcf212e;border-radius:999px;place-items:center;font-size:15px;font-weight:900;display:grid}.tree-toggle strong,.tree-link.strong{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.tree-link small,.tree-position small{color:var(--muted);font-size:11px;font-style:normal;font-weight:800}.tree-counts{min-width:0;color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;font-size:10px;font-weight:900;display:flex}.tree-counts span{background:#f4ecd809;border:1px solid #ebe0be1c;border-radius:999px;align-items:center;min-height:22px;padding:0 7px;display:inline-flex}.tree-children{border-top:1px solid var(--line);gap:7px;padding:7px;display:grid}.room-toggle{min-height:44px}.tree-link,.tree-position{background:#f4ecd808;border:1px solid #ebe0be1a;border-radius:8px;gap:3px;min-height:40px;padding:8px 10px;display:grid}.tree-link.strong{grid-template-columns:minmax(0,1fr) auto;align-items:center}.room-open-link{min-height:36px;color:var(--yellow);border-style:dashed;justify-content:center;font-size:13px;font-weight:900}.tree-positions{gap:5px;padding:0 6px 6px;display:grid}.tree-position{grid-template-columns:1fr auto;align-items:center;min-height:38px;padding-left:14px;position:relative}.tree-position:before{content:"";background:#aaaaaab8;border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:7px}.tree-position.status-in_progress:before,.tree-position.status-progress:before{background:#9fc4ff}.tree-position.status-fixed:before{background:var(--yellow)}.tree-position.status-approved:before{background:#8ee0a9}.tree-position.status-problem:before{background:var(--volt-red)}@media (width<=430px){.tree-toggle{grid-template-columns:28px minmax(0,1fr)}.tree-counts{flex-wrap:wrap;grid-column:2;justify-content:flex-start}}.wall-branch-list,.position-tree{gap:10px;display:grid}.wall-branch-card,.position-node{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffeeb40b, #090d0814), var(--panel);grid-template-columns:18px 1fr auto;align-items:center;gap:10px;min-height:76px;padding:14px;display:grid;position:relative}.tree-stem{border-bottom:2px solid #ffcf2161;border-left:2px solid #ffcf2161;border-bottom-left-radius:7px;width:16px;height:38px}.position-node h2,.wall-branch-card h2{margin-bottom:5px}.position-preset{align-content:center;gap:4px;display:grid}.position-preset strong{font-size:16px}.position-preset span{color:var(--muted);font-size:12px;font-weight:800}.full-row{grid-column:1/-1}.error-text{border:1px solid var(--volt-red-line);border-radius:var(--radius);color:#ffd2cd;background:linear-gradient(90deg,#ff2f1f29,#ff2f1f0f),#2d1916ad;margin-bottom:0;padding:12px}.success-text{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--yellow);background:#ffcf211a;margin-bottom:0;padding:12px}.muted-card{opacity:.78;margin-top:18px}.note-section{margin-top:16px}.note-type-grid,.note-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.note-type-button,.note-summary-card{border:1px solid var(--line);border-radius:var(--radius);min-height:52px;color:var(--text);background:#f4ecd80b;padding:10px;font-weight:900}.note-type-button.active{border-color:var(--yellow);background:var(--yellow);color:#171609}.note-summary-grid{margin-top:12px}.note-summary-card{align-content:center;gap:3px;display:grid}.note-summary-card span{color:var(--muted);font-size:12px;font-weight:800}.note-summary-card strong{color:var(--yellow);font-size:22px}.note-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:15px}.note-card p:last-child{margin-bottom:0}.image-panel{margin-top:18px}.upload-panel{gap:12px}.upload-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.file-pick{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:54px;color:var(--yellow);background:#ffcf211a;place-items:center;font-size:16px;font-weight:900;display:grid}.file-pick input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.selected-file{overflow-wrap:anywhere;min-height:22px;margin-bottom:0}.upload-progress{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--yellow);overflow-wrap:anywhere;background:#ffcf2114;margin-bottom:0;padding:10px 12px;font-size:13px;font-weight:800}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.thumb-button{aspect-ratio:1;background:var(--rubber);border:0;border-radius:0;width:100%;padding:0;display:block;position:relative}.photo-stage-badge{border:1px solid var(--line);min-height:26px;color:var(--text);background:#f4ecd81a;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.thumb-button .photo-stage-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;top:8px;left:8px}.photo-stage-badge.stage-before{color:#b9d4ff;background:#5b9aff24;border-color:#5b9aff6b}.photo-stage-badge.stage-after{color:#a9e8bc;background:#5fbe8224;border-color:#5fbe826b}.thumb-button img{object-fit:cover;width:100%;height:100%;display:block}.image-meta{gap:8px;padding:10px;display:grid}.image-meta p{overflow-wrap:anywhere;min-height:40px;margin-bottom:0;font-size:13px}.image-meta button,.modal-close{border-radius:var(--radius);color:#ffb4a7;background:#ff684d1a;border:1px solid #ff684d61;min-height:42px;font-weight:800}.image-modal{z-index:20;background:#0a0d09e6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fullscreen-gallery{touch-action:pan-y;grid-template-rows:auto 1fr auto;place-items:stretch stretch}.gallery-topbar,.gallery-footer{justify-content:space-between;justify-self:center;align-items:center;gap:12px;width:min(100%,960px);display:flex}.gallery-topbar>div{align-items:center;gap:10px;display:inline-flex}.before-after-jump{gap:6px;display:inline-flex}.before-after-jump button{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--text);background:#f4ecd814;padding:0 12px;font-weight:900}.gallery-stage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.gallery-stage img{border:1px solid var(--line);border-radius:var(--radius);background:var(--rubber);object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;max-width:100%;max-height:72vh;transition:transform .14s}.gallery-arrow{z-index:2;border:1px solid var(--line);border-radius:var(--radius);width:46px;height:64px;color:var(--text);background:#10140fc7;font-size:40px;font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow.left{left:6px}.gallery-arrow.right{right:6px}.gallery-footer{align-items:flex-end}.gallery-footer p{overflow-wrap:anywhere;margin-bottom:0}.gallery-tools{flex:none;align-items:center;gap:6px;display:inline-flex}.gallery-tools button{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--text);background:#f4ecd814;padding:0 12px;font-weight:900}.gallery-tools span{min-width:48px;color:var(--muted);text-align:center;font-size:12px;font-weight:900}.image-modal-content{gap:12px;width:min(100%,720px);max-height:calc(100vh - 32px);display:grid}.image-modal-content img{border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;background:var(--rubber);max-width:100%;max-height:72vh}.image-modal-content p{overflow-wrap:anywhere;margin-bottom:0}.modal-close{justify-self:end;min-width:108px}.qr-card,.public-group,.report-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffeeb40b, #090d0814), var(--panel);gap:12px;margin:18px 0;padding:15px;display:grid}.qr-card img{border-radius:var(--radius);background:var(--yellow);width:148px;height:148px}.qr-card p{overflow-wrap:anywhere}.report-card{border-color:var(--line-strong)}.qr-card.compact-embedded,.report-card.compact-embedded,.panel.compact-embedded{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.public-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding-top:10px;display:flex}.public-row span{color:var(--yellow);white-space:nowrap;font-weight:800}.bottom-nav{z-index:14;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(100%,520px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#151913f5;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.search-panel{margin-bottom:14px}.search-panel input{min-height:62px;font-size:17px}.search-filter-row{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.search-filter-row::-webkit-scrollbar{display:none}.search-filter-row button{border:1px solid var(--line);min-height:42px;color:var(--text);background:#f4ecd80a;border-radius:999px;flex:none;padding:0 12px;font-weight:900}.search-filter-row button.active{border-color:var(--yellow);background:var(--yellow);color:#171609}.search-results{gap:10px;display:grid}.search-result-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffeeb40b, #090d0814), var(--panel);gap:4px;min-height:78px;padding:14px;display:grid}.search-result-card span{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:900}.search-result-card strong{font-size:18px}.search-result-card p{margin-bottom:0}.activity-panel{gap:12px}.activity-list{gap:10px;display:grid}.activity-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:18px 1fr;gap:10px;padding:12px;display:grid}.activity-dot{background:var(--yellow);border-radius:999px;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 5px #ffcf2117}.activity-item p{color:var(--text);margin-bottom:4px}.activity-item span,.activity-item small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.activity-item small{color:var(--yellow);margin-top:4px;font-weight:800}.bottom-nav a{border-radius:var(--radius);min-height:54px;color:var(--muted);border:1px solid #0000;place-items:center;gap:3px;font-size:12px;font-weight:800;display:grid}.nav-icon{position:relative}.nav-badge{background:var(--volt-red);color:#fff6f2;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-9px;right:-13px}.notification-list{gap:8px;display:grid}.notification-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:78px;padding:12px;display:grid}.notification-card.unread{border-color:var(--volt-red-line);background:linear-gradient(90deg, #ff2f1f1a, #ffcf2109), var(--surface)}.notification-card h2{margin-bottom:4px;font-size:16px}.notification-card p{margin-bottom:5px}.notification-card small{color:var(--muted);font-size:12px;font-weight:800}.bottom-nav span{font-size:20px;line-height:1}.bottom-nav a.active{border-color:var(--line-strong);color:var(--yellow);background:#ffcf211c}@media (width>=760px){.app-shell{padding:30px}.phone-frame{border:1px solid var(--line);border-radius:18px;min-height:calc(100vh - 60px);overflow:hidden}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}