:root{--bg:#040810;--panel:#0b1018;--text:#d8e6fb;--muted:#7f8aa8;--line:#ffffff0f;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);letter-spacing:.04em;justify-content:center;align-items:center;min-height:100dvh;margin:0;padding:8px;display:flex;overflow:hidden}button{font:inherit}button:disabled{cursor:wait;opacity:.64}.page{flex-direction:column;justify-content:center;gap:12px;width:100%;max-width:960px;min-height:calc(100dvh - 16px);display:flex}.top-motto{text-align:center;letter-spacing:.45px;font-size:.64rem;line-height:1.25}.motto-line-1{color:#e8eefc}.motto-line-2{color:#bb9af7;margin-top:2px}.header{border-bottom:1px solid #7aa2f71a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 0 9px;display:grid}.logo-thdp,.logo-oppa{white-space:nowrap;font-weight:900;line-height:1}.logo-thdp{color:#edf4ff;letter-spacing:.06em;font-size:1.02rem}.logo-oppa{color:#bb9af7;letter-spacing:.08em;font-size:.62rem}.user-status{text-align:center;color:#7aa2f7;min-width:0;font-size:.82rem;line-height:1.5}.user-name{color:#fff}.header-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:3px;display:flex}.header-action{cursor:pointer;color:#a9b1d6;letter-spacing:.02em;background:0 0;border:0;padding:0;font-size:.68rem}.header-action.back{color:#7aa2f7}.header-action.refresh{color:#9ece6a}.intro{text-align:center;padding:6px 0 2px}.title{letter-spacing:1.4px;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #bb9af740);background:linear-gradient(135deg,#7aa2f7 10%,#bb9af7 90%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:900;line-height:1.3}.subtitle{color:var(--muted);margin:7px 0 0;font-size:.72rem;line-height:1.5}.state-note{color:#a9b1d6;margin:9px 0 0;font-size:.67rem;line-height:1.5;display:inline-block}.state-note.error{color:#ff9e64}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.module-card{--card-color:#7aa2f7;--hover-shadow:#7aa2f773;border:1px solid var(--line);background:var(--panel);min-height:156px;color:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.module-card:hover:not(:disabled),.module-card:focus-visible:not(:disabled){border-color:var(--card-color);box-shadow:0 16px 38px -16px var(--hover-shadow);outline:none;transform:translateY(-5px)}.module-card:after{content:"";background:var(--card-color);filter:blur(58px);opacity:.12;pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-58px;right:-52px}.module-card:hover:not(:disabled):after,.module-card:focus-visible:not(:disabled):after{opacity:.28}.module-card.green{--card-color:#9ece6a;--hover-shadow:#9ece6a6b}.module-card.orange{--card-color:#ff9e64;--hover-shadow:#ff9e646b}.module-card.purple{--card-color:#bb9af7;--hover-shadow:#bb9af76b}.module-tag{color:var(--card-color);font-size:.62rem;font-weight:800;line-height:1.3}.module-title{color:#fff;letter-spacing:.01em;margin:8px 0 0;font-size:1.08rem;line-height:1.35}.module-desc{color:#8791ad;letter-spacing:.01em;margin:8px 0 0;font-size:.7rem;line-height:1.55}.module-footer{color:var(--card-color);justify-content:space-between;align-items:center;gap:10px;font-size:.68rem;font-weight:700;display:flex}.module-arrow{font-size:1rem;line-height:1}.footer-note{text-align:center;color:#565f89;margin:0;font-size:.62rem;line-height:1.5}.modal{z-index:1000;background:#000000db;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{background:var(--panel);text-align:center;border:1px solid #7aa2f7;border-radius:13px;width:min(100%,360px);padding:22px;box-shadow:0 0 24px #7aa2f733}.modal-title{color:#bb9af7;margin:0 0 10px;font-size:1rem;line-height:1.4}.modal-desc{color:#a9b1d6;margin:0 0 18px;font-size:.76rem;line-height:1.65}.modal-actions{gap:10px;display:flex}.modal-button{color:#040810;cursor:pointer;background:linear-gradient(135deg,#7aa2f7,#bb9af7);border:0;border-radius:7px;flex:1;min-height:40px;font-size:.76rem;font-weight:700}@media (width<=900px){.logo-thdp{font-size:.82rem}.logo-oppa{font-size:.49rem}.title{font-size:1.1rem}.module-card{min-height:132px;padding:14px}.module-title{font-size:.92rem}}@media (height<=520px) and (orientation:landscape){body{align-items:flex-start;overflow:hidden auto}.page{justify-content:flex-start;min-height:auto;padding-top:6px;padding-bottom:6px}.module-card{min-height:112px}}@media (width<=900px) and (orientation:portrait){body{align-items:flex-start;padding:14px 10px 12px;overflow:hidden auto}.page{justify-content:flex-start;max-width:430px;min-height:auto;margin:0 auto;padding-top:34px;padding-bottom:10px}.top-motto{letter-spacing:.2px;font-size:.56rem}.header{gap:8px}.user-status{font-size:.64rem}.header-action{font-size:.62rem}.title{letter-spacing:.7px;font-size:1.04rem}.subtitle{font-size:.66rem}.state-note{font-size:.62rem}.module-grid{grid-template-columns:1fr;gap:9px}.module-card{border-radius:11px;gap:10px;min-height:112px;padding:14px}.module-title{margin-top:6px;font-size:.92rem}.module-desc{margin-top:5px;font-size:.66rem}}