@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-0: #4b5768;--bg-1: #566375;--bg-2: #626f82;--line: rgba(255, 255, 255, .14);--text-0: #f6f8fb;--text-1: #d3d9e2;--text-2: #a7afbc;--accent: #c97b8c;--accent-dim: #6b3f47;--accent-soft: rgba(201, 123, 140, .22);--accent-ink: #2a1015;--success: #8fbf95;--error: #d97b6c;--font-display: "Sora", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 900px 500px at 15% -10%,var(--accent-soft),transparent 60%),var(--bg-0);background-attachment:fixed;color:var(--text-0);font-family:var(--font-body)}#root{min-height:100vh}::selection{background:var(--accent-dim);color:var(--text-0)}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{position:relative;width:100%;max-width:380px;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border:1px solid var(--line);border-radius:18px;padding:40px 32px 36px;box-shadow:0 24px 60px -20px #140a0499}.brand-mark{width:44px;height:44px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.brand{font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:-.01em;margin:0 0 4px}.sub{color:var(--text-1);font-size:13px;margin:0 0 28px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:12px;color:var(--text-1);margin-bottom:6px;letter-spacing:.02em}.field input{width:100%;background:var(--bg-0);border:1px solid var(--line);border-radius:8px;color:var(--text-0);font-size:15px;padding:11px 13px;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{width:100%;background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.02em;padding:12px;cursor:pointer;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-faceid{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:none;color:var(--text-0);border:1px solid var(--line);border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:13px;padding:11px;margin-top:10px;cursor:pointer;transition:border-color .2s,background .2s,transform .1s}.btn-faceid:hover{border-color:var(--accent-dim);background:var(--bg-2)}.btn-faceid:active{transform:scale(.98)}.btn-faceid:disabled{opacity:.5;cursor:default;transform:none}.btn-ghost{background:none;color:var(--text-1);border:none;font-size:13px;cursor:pointer;padding:0;margin-top:16px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.btn-ghost:hover{color:var(--text-0)}.error{color:var(--error);font-size:13px;margin:12px 0 0}.hub-page{max-width:900px;margin:0 auto;padding:56px 24px 96px}.hub-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}.hub-header-actions{display:flex;align-items:center;gap:20px}.hub-header-actions .btn-ghost{margin-top:0}.hub-greeting{color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.hub-title{font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:-.015em;margin:0;text-wrap:balance}.hub-count{color:var(--text-2);font-size:13px;margin:8px 0 0}.hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:32px}.hub-stat{background:var(--bg-1);padding:18px 20px;display:flex;flex-direction:column;gap:4px}.hub-stat-value{font-family:var(--font-display);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums;color:var(--text-0)}.hub-stat-label{font-size:12px;color:var(--text-2)}.hub-search{width:100%;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;color:var(--text-0);font-size:14px;padding:12px 14px;outline:none;margin-bottom:24px;transition:border-color .2s,box-shadow .2s}.hub-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hub-search::placeholder{color:var(--text-2)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.hub-empty{color:var(--text-2);font-size:14px;padding:32px 0;text-align:center}.hub-tile{position:relative;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:var(--text-0);box-shadow:0 10px 24px -18px #000000b3;transition:border-color .2s,transform .15s,background .2s,box-shadow .2s}.hub-tile:hover{border-color:var(--tile-accent, var(--accent));background:var(--bg-2);transform:translateY(-3px);box-shadow:0 16px 32px -16px #000000bf}.hub-tile-emoji{display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:20px;margin-bottom:14px;border-radius:10px;background:color-mix(in srgb,var(--tile-accent, var(--accent)) 16%,var(--bg-0))}.hub-tile-name{font-family:var(--font-display);font-weight:700;font-size:16px;margin:0 0 4px}.hub-tile-desc{color:var(--text-2);font-size:13px;margin:0;line-height:1.4}.hub-tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px}.hub-tile-visit{color:var(--tile-accent, var(--accent));font-size:12px;font-weight:600;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.hub-tile:hover .hub-tile-visit{opacity:1;transform:translate(0)}.hub-tile-copy{background:none;border:none;color:var(--text-2);font-size:11px;cursor:pointer;padding:2px 0;opacity:0;transition:opacity .2s,color .15s}.hub-tile:hover .hub-tile-copy{opacity:1}.hub-tile-copy:hover{color:var(--text-0)}.hub-tile-status-label{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-2)}.hub-tile-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-2)}.hub-tile-status-label[data-status=checking] .hub-tile-status-dot{animation:statusPulse 1.2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}.hub-tile-status-label[data-status=up]{color:var(--success)}.hub-tile-status-label[data-status=up] .hub-tile-status-dot{background:var(--success)}.hub-tile-status-label[data-status=down]{color:var(--error)}.hub-tile-status-label[data-status=down] .hub-tile-status-dot{background:var(--error)}.hub-tile-note-dot{display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--accent);vertical-align:middle}.hub-section{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}.hub-notes{margin-top:56px}.hub-notes-title,.hub-history-title{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.hub-history{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.hub-history-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums;padding:8px 0;border-bottom:1px solid var(--line)}.hub-history-row:last-child{border-bottom:none}.hub-theme-select{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;color:var(--text-1);font-size:12px;padding:6px 10px;outline:none;cursor:pointer}.hub-deadline{display:flex;align-items:center;gap:14px;background:var(--bg-1);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:14px 18px;margin-bottom:24px}.hub-deadline-days{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.hub-deadline-label{font-size:13px;font-weight:600;color:var(--text-0);margin:0}.hub-deadline-desc{font-size:12px;color:var(--text-2);margin:2px 0 0}.hub-filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.hub-chips{display:flex;flex-wrap:wrap;gap:8px}.hub-filters-actions{display:flex;gap:8px}.hub-chip{font-family:var(--font-body);font-size:12px;color:var(--text-2);background:var(--bg-1);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:border-color .2s,color .2s}.hub-chip[data-active=true]{border-color:var(--accent);color:var(--accent)}.hub-tile[data-archived=true]{opacity:.55}.hub-tile-pin{color:var(--accent);margin-right:4px}.hub-tile-meta{color:var(--text-2);font-size:11px;margin:8px 0 0}.hub-tile-actions{display:flex;gap:10px;opacity:0;transition:opacity .2s}.hub-tile:hover .hub-tile-actions{opacity:1}.hub-tile-reorder{display:flex;gap:6px;margin-top:10px}.hub-tile-reorder button{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;color:var(--text-1);cursor:pointer;padding:4px}.hub-tile-reorder button:disabled{opacity:.3;cursor:default}:root[data-theme=sage]{--bg-0: #2d3a30;--bg-1: #37453a;--bg-2: #435245;--line: rgba(230, 240, 220, .1);--text-0: #f1f5ee;--text-1: #c3cdbb;--text-2: #8b9784;--accent: #a3c08a;--accent-dim: #4a5c40;--accent-soft: rgba(163, 192, 138, .16);--accent-ink: #16210f;--success: #a3c08a;--error: #d97b6c}:root[data-theme=anthracite]{--bg-0: #232527;--bg-1: #2c2f32;--bg-2: #363a3e;--line: rgba(240, 240, 240, .09);--text-0: #f4f4f4;--text-1: #b8bcc0;--text-2: #7c8288;--accent: #e2725f;--accent-dim: #6e392e;--accent-soft: rgba(226, 114, 95, .16);--accent-ink: #2a0d07;--success: #7fa06e;--error: #e2725f}