:root{--bg:#050607;--line:#dbe5de2e;--text:#f3f4ef;--muted:#9fa39f;--green:#5bffae;--cyan:#55eaff;--violet:#ee67ff;--danger:#ff6d83}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:#111;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}button,input{font:inherit}button{cursor:pointer}.phone-shell{background:radial-gradient(circle at 50% 5%, #5dffae14, transparent 32%), radial-gradient(circle at 100% 38%, #55eaff0f, transparent 30%), var(--bg);max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.phone-shell:before{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#ffffff2e 1.4px,#0000 1.5px),radial-gradient(circle,#ffffff14 1px,#0000 1.4px);background-position:0 0,18px 18px;background-size:36px 36px;position:absolute;inset:0}.noise{mix-blend-mode:screen;opacity:.6;pointer-events:none;background-image:linear-gradient(#ffffff05 50%,#0000 50%);background-size:100% 4px;position:absolute;inset:0}.app-chrome{z-index:1;min-height:100vh;padding-bottom:112px;position:relative}.screen{min-height:calc(100vh - 112px);padding:26px 18px 0}.top-header{min-height:316px}.top-header.compact{min-height:auto;margin-bottom:34px}.micro-nav{color:#ffffffdb;letter-spacing:.22em;text-shadow:0 0 9px #ffffff59;justify-content:space-between;font-size:23px;line-height:1;display:flex}.hero-avatar,.avatar{border:1px solid #ffffff52;border-radius:50%;flex:none;box-shadow:0 0 0 3px #ffffff0f,0 0 28px #5bffae21}.hero-avatar{background:radial-gradient(circle at 58% 38%,#f5dbc0 0 8%,#0000 9%),radial-gradient(circle at 38% 38%,#f2d6b6 0 8%,#0000 9%),linear-gradient(135deg,#e7e1d3,#9b938a 42%,#151719);width:70px;height:70px;margin:48px 0 40px 5px}.hero-avatar.small{width:62px;height:62px;margin:0}.dot-logo{justify-content:center;gap:clamp(5px,1.8vw,9px);width:100%;padding:0 2px;display:flex}.letter{aspect-ratio:5/7;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(5,1fr);gap:2px;width:clamp(38px,14vw,58px);display:grid}.letter i.on{background:var(--text);box-shadow:0 0 9px #ffffff6b}.broadcast{color:var(--green);text-shadow:0 0 16px #5bffae80;justify-content:center;align-items:center;gap:12px;margin-top:34px;font-size:clamp(22px,6vw,30px);display:flex}.broadcast span,.signal{background:var(--green);border-radius:50%;box-shadow:0 0 14px}.broadcast span{width:13px;height:13px}.timeline{margin-top:8px}.status-row{border-bottom:1px dashed var(--line);grid-template-columns:64px minmax(0,1fr) 74px;align-items:center;gap:16px;min-height:128px;display:grid}.avatar{width:56px;height:56px}.person-line{align-items:center;gap:9px;min-width:0;font-size:23px;line-height:1.2;display:flex}.person-line strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-line em{color:var(--muted);text-transform:uppercase;font-size:11px;font-style:normal}.signal{flex:none;width:10px;height:10px}.signal.green,.tag-text.green{color:var(--green)}.signal.cyan,.tag-text.cyan{color:var(--cyan)}.signal.violet,.tag-text.violet{color:var(--violet)}.signal.green{background:var(--green)}.signal.cyan{background:var(--cyan)}.signal.violet{background:var(--violet)}.tag-text{margin-top:8px;font-size:25px;line-height:1.1}.meta-line{color:#b9bbb4;align-items:center;gap:7px;margin-top:10px;font-size:15px;display:flex}.meta-line b{background:#ffffff7a;border-radius:50%;width:4px;height:4px}.me-too{border:1px solid var(--green);width:68px;height:44px;color:var(--green);background:#5bffae0a;border-radius:8px;font-size:21px;font-weight:700}.page-title p,.profile-head p{color:var(--green);letter-spacing:.22em;margin:0 0 10px;font-size:12px}.page-title h1,.profile-head h1{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:34px;line-height:1.15}.page-title span,.profile-head span{color:var(--muted);margin-top:10px;font-size:14px;display:block}.publish-panel{margin-top:30px}.status-group{margin-bottom:24px}.status-group h2,.block-title{color:#d7ddd5;letter-spacing:.14em;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.button-grid button,.settings-grid button,.search-box,.location-strip,.request-row,.mine-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:8px}.button-grid button,.settings-grid button{min-height:54px;color:var(--text);justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:16px;display:flex}.location-strip{min-height:46px;color:var(--muted);align-items:center;gap:8px;padding:0 14px;font-size:13px;display:flex}.search-box{align-items:center;gap:10px;height:48px;margin:26px 0;padding:0 14px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.request-row,.mine-row{grid-template-columns:minmax(0,1fr) 42px 42px;align-items:center;gap:8px;min-height:68px;margin-bottom:10px;padding:10px 12px;display:grid}.request-row strong,.mine-row strong{font-size:17px;display:block}.request-row span,.mine-row span,.mine-row small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.request-row button,.mine-row button,.profile-head button{width:38px;height:38px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff2e;border-radius:8px;place-items:center;display:grid}.friend-list{flex-wrap:wrap;gap:10px;display:flex}.friend-chip{border:1px dashed #ffffff30;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}.profile-head{grid-template-columns:62px minmax(0,1fr) 42px;align-items:center;gap:14px;margin-top:30px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 26px;display:grid}.mine-row{grid-template-columns:minmax(0,1fr) 42px}.mine-row button{color:var(--danger)}.tabbar{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b0dd1;border:1px solid #ffffff2e;border-radius:30px;grid-template-columns:repeat(4,1fr);gap:2px;max-width:394px;margin:0 auto;padding:10px 8px;display:grid;position:fixed;bottom:16px;left:max(18px,50vw - 197px);right:max(18px,50vw - 197px);box-shadow:0 -10px 45px #00000059}.tabbar button{color:#9b9e9a;background:0 0;border:0;place-items:center;gap:5px;min-height:62px;font-size:13px;font-weight:700;display:grid;position:relative}.tabbar button.active{color:var(--green)}.tabbar button.active:before{content:"";background:var(--green);width:62px;height:2px;position:absolute;top:-11px;box-shadow:0 0 14px #5bffae8c}.toast{z-index:4;min-width:180px;max-width:320px;color:var(--green);text-align:center;background:#060908eb;border:1px solid #5bffae6b;border-radius:8px;padding:12px 16px;position:fixed;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #5bffae1f}@media (width<=370px){.screen{padding-inline:14px}.status-row{grid-template-columns:52px minmax(0,1fr) 62px;gap:10px}.avatar{width:48px;height:48px}.person-line{font-size:19px}.tag-text{font-size:21px}.me-too{width:58px;font-size:18px}.micro-nav{font-size:19px}}.data-badge{min-height:28px;color:var(--green);letter-spacing:.12em;background:#5bffae0b;border:1px solid #5bffae5c;border-radius:8px;align-items:center;margin:0 0 10px 82px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.timeline,.mine-list{padding-bottom:84px}.primary-action{border:1px solid var(--green);width:100%;min-height:54px;color:var(--green);background:#5bffae14;border-radius:8px;font-size:18px;font-weight:800}.primary-action.small{min-height:46px;margin:-10px 0 26px;font-size:15px}.login-logo{margin:18px 0 44px}.auth-switch{background:linear-gradient(#5bffae14,#5bffae04),#030706b8;border:1px solid #5bffae47;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 24px;padding:6px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff09,0 0 24px #5bffae14}.auth-switch:before{content:"";pointer-events:none;border:1px dashed #ffffff14;border-radius:6px;position:absolute;inset:6px}.auth-switch button{z-index:1;min-height:42px;color:var(--muted);letter-spacing:.16em;background:0 0;border:0;border-radius:6px;font-size:15px;font-weight:900;transition:color .16s,background .16s,box-shadow .16s,transform .16s;position:relative}.auth-switch button.active{color:var(--green);text-shadow:0 0 12px #5bffae80;background:#5bffae29;box-shadow:inset 0 0 0 1px #5bffae75,0 0 18px #5bffae2e}.auth-switch button:active{transform:translateY(1px)}.login-screen .primary-action{color:#baffd7;letter-spacing:.12em;text-shadow:0 0 14px #5bffae8c;background:linear-gradient(90deg,#5bffae1a,#5bffae3d,#5bffae1a),#040e0ae6;border:1px solid #5bffaeb8;border-radius:8px;min-height:58px;margin-top:8px;font-size:18px;font-weight:950;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 28px #5bffae29}.login-screen .primary-action:before,.login-screen .primary-action:after{content:"";pointer-events:none;position:absolute}.login-screen .primary-action:before{opacity:.18;background:repeating-linear-gradient(90deg,#0000 0 16px,#ffffff14 16px 17px);inset:0}.login-screen .primary-action:after{background:var(--green);opacity:.82;height:2px;bottom:8px;left:14px;right:14px;box-shadow:0 0 14px #5bffaebf}.login-screen .primary-action:hover,.login-screen .primary-action:focus-visible{border-color:var(--green);box-shadow:inset 0 0 0 1px #ffffff12,0 0 34px #5bffae3d}.login-screen .primary-action:active{transform:translateY(1px)scale(.995)}.login-box{margin-top:32px}.five-tabs{grid-template-columns:repeat(5,1fr)}.five-tabs button{font-size:12px}.five-tabs button.active:before{width:48px}.admin-screen{padding-bottom:140px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 24px;display:grid}.stat-card,.admin-form,.tag-chart,.admin-row,.missing-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:8px}.stat-card{min-height:92px;color:var(--muted);padding:14px}.stat-card svg{color:var(--green)}.stat-card span{margin-top:10px;font-size:12px;display:block}.stat-card strong{color:var(--text);margin-top:6px;font-size:28px;line-height:1;display:block}.admin-form{gap:10px;margin-bottom:24px;padding:12px;display:grid}.admin-form input{width:100%;min-height:42px;color:var(--text);background:#00000038;border:1px solid #ffffff29;border-radius:8px;outline:0;padding:0 12px}.admin-form button{border:1px solid var(--green);min-height:42px;color:var(--green);background:#5bffae14;border-radius:8px;font-weight:800}.tag-chart{margin-bottom:24px;padding:14px}.tag-bar{min-height:32px;color:var(--muted);grid-template-columns:88px minmax(0,1fr) 24px;align-items:center;gap:10px;font-size:12px;display:grid}.tag-bar div{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.tag-bar i{border-radius:inherit;background:var(--green);height:100%;display:block;box-shadow:0 0 14px #5bffae66}.tag-bar b{color:var(--text);text-align:right}.admin-table{gap:10px;margin-bottom:24px;display:grid}.admin-row{grid-template-columns:minmax(0,1fr) 34px 42px;align-items:center;gap:8px;min-height:64px;padding:10px 12px;display:grid}.admin-row strong,.admin-row span{display:block}.admin-row span,.admin-row em,.admin-row small{color:var(--muted);font-size:12px;font-style:normal}.admin-row button{width:34px;height:34px;color:var(--danger);background:#ff6d830f;border:1px solid #ff6d8359;border-radius:8px;place-items:center;display:grid}.missing-list{color:var(--muted);margin:0;padding:12px 12px 12px 28px;font-size:12px;line-height:1.7}.login-password{margin-top:-16px}.single-admin-card{width:100%;min-height:112px;color:var(--text);text-align:left;background:#5bffae0f;border:1px solid #5bffae6b;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:34px;padding:20px;display:grid}.single-admin-card svg{color:var(--green)}.single-admin-card span{color:var(--muted);font-size:14px}.single-admin-card strong{color:var(--green);font-size:40px;line-height:1}.admin-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.admin-title-row button{min-width:62px;min-height:38px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff2e;border-radius:8px;font-size:13px}.user-card-list{gap:12px;margin-top:28px;padding-bottom:104px;display:grid}.user-manage-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:8px;padding:16px}.user-manage-card strong,.user-manage-card span{display:block}.user-manage-card strong{color:var(--text);margin-bottom:10px;font-size:20px}.user-manage-card span{color:var(--muted);margin-top:6px;font-size:13px}.user-manage-card button{border:1px solid var(--green);width:100%;min-height:42px;color:var(--green);background:#5bffae12;border-radius:8px;margin-top:16px;font-weight:800}.floating-create{z-index:4;border:1px solid var(--green);max-width:394px;min-height:52px;color:var(--green);background:#050607eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:0 auto;font-weight:900;display:flex;position:fixed;bottom:104px;left:max(18px,50vw - 197px);right:max(18px,50vw - 197px);box-shadow:0 0 28px #5bffae24}.settings-grid.single{grid-template-columns:1fr}.top-header{min-height:168px;padding-top:34px}.top-header.compact{min-height:20px;margin-bottom:24px;padding-top:0}.login-screen .top-header{margin-bottom:12px}.login-logo{margin-top:8px}.empty-state{min-height:76px;color:var(--muted);border:1px dashed #ffffff29;border-radius:8px;place-items:center;margin:0 0 14px;font-size:14px;display:grid}.friend-chip.wide{justify-content:flex-start;width:100%}.friend-chip small{color:var(--muted);margin-left:auto;font-size:12px}.settings-screen{padding-bottom:118px}.settings-list{gap:12px;margin-top:30px;display:grid}.setting-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:12px;min-height:76px;padding:14px;display:grid}.setting-row strong,.setting-row span{display:block}.setting-row strong{color:var(--muted);letter-spacing:.12em;margin-bottom:7px;font-size:12px}.setting-row span{color:var(--text);font-size:18px}.setting-row input{width:100%;min-height:38px;color:var(--text);background:#00000038;border:1px solid #ffffff29;border-radius:8px;outline:0;padding:0 10px}.setting-row button{border:1px solid var(--green);min-height:38px;color:var(--green);background:#5bffae12;border-radius:8px;font-weight:800}.setting-row button:disabled{color:var(--muted);opacity:.55;border-color:#ffffff29}.logout-button{z-index:5;max-width:394px;min-height:52px;color:var(--danger);background:#ff6d8314;border:1px solid #ff6d8399;border-radius:8px;margin:0 auto;font-weight:900;position:fixed;bottom:22px;left:max(18px,50vw - 197px);right:max(18px,50vw - 197px)}.tabbar{padding:8px}.tabbar button{gap:0;min-height:48px}.tabbar button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-card-grid{gap:12px;margin-top:34px;display:grid}.admin-card-grid .single-admin-card{margin-top:0}.click-list{gap:12px;margin-top:28px;padding-bottom:104px;display:grid}.click-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:8px;padding:16px}.click-row strong,.click-row span{display:block}.click-row strong{color:var(--text);font-size:16px}.click-row span{color:var(--muted);margin-top:8px;font-size:13px}.user-manage-card.clickable{cursor:pointer}.user-manage-card.clickable:focus-visible{outline:2px solid var(--green);outline-offset:3px}.user-detail-summary,.ip-history-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff2e;border-radius:8px;padding:16px}.user-detail-summary{margin:28px 0 26px}.user-detail-summary strong,.user-detail-summary span,.ip-history-row strong,.ip-history-row span,.ip-history-row small{display:block}.user-detail-summary strong{color:var(--text);font-size:24px}.user-detail-summary span{color:var(--muted);margin-top:8px;font-size:14px}.ip-history-list{gap:12px;padding-bottom:104px;display:grid}.ip-history-row strong{color:var(--text);font-size:17px}.ip-history-row span,.ip-history-row small{color:var(--muted);margin-top:8px;font-size:13px}