:root{color:#1f2937;background:#070b14;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{background:#070b14;margin:0;overflow-x:hidden}#root{min-height:100vh}a{color:#2563eb;text-decoration:none}.layout,.mini-app{max-width:960px;margin:0 auto;padding:24px}.header,.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logo{color:inherit;font-size:1.25rem;font-weight:700}.form{gap:16px;display:grid}.form label,.mini-app label{gap:8px;font-weight:600;display:grid}.mini-app-status{color:var(--text-muted,#94a3b8)}.mini-app-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;margin:0 0 16px;padding:12px 14px}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}button,.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px}button.danger{background:#dc2626}.actions{flex-wrap:wrap;gap:12px;display:flex}.template-list{gap:12px;padding:0;list-style:none;display:grid}.template-list li{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.template-list code{color:#64748b;margin-top:4px;display:block}.try-result,.template-preview,.usage-card{background:#fff;border-radius:12px;margin-top:24px;padding:20px}.usage-card{gap:12px;display:grid}.progress-bar{background:#e2e8f0;border-radius:999px;height:10px;margin-top:16px;overflow:hidden}.progress-bar div{background:#2563eb;height:100%}.error{color:#dc2626}.hint{color:#64748b}.usage-badge{color:#475569}pre{white-space:pre-wrap;background:#f1f5f9;border-radius:8px;padding:12px}.brand-logo{color:inherit;letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo__mark{filter:drop-shadow(0 6px 14px #4f46e538);flex-shrink:0}.brand-logo__text{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.brand-logo--sm .brand-logo__text{font-size:1.125rem}.brand-logo--md .brand-logo__text{font-size:1.25rem}.app-page .brand-logo__text{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.app-page{--app-bg:#070b14;--app-surface:#ffffff0f;--app-surface-strong:#0f172ad9;--app-border:#ffffff1a;--app-text:#f1f5f9;--app-muted:#94a3b8;--app-accent:#6366f1;--app-accent-2:#22d3ee;--app-glow:#6366f159;--app-danger:#f87171;min-height:100vh;color:var(--app-text);background:var(--app-bg);position:relative;overflow-x:hidden}.app-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-bg-blob{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.app-bg-blob--1{background:#4338ca;width:420px;height:420px;top:-140px;right:-100px}.app-bg-blob--2{background:#0e7490;width:460px;height:460px;bottom:-120px;left:-80px}.app-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.app-nav,.app-main{z-index:1;position:relative}.app-nav{border-bottom:1px solid #ffffff0f}.app-nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:18px 24px 20px;display:flex}.app-brand-link{min-width:0;text-decoration:none}.app-nav-toggle{border:1px solid var(--app-border);background:var(--app-surface);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:none}.app-nav-toggle-bar{background:var(--app-text);border-radius:999px;width:18px;height:2px;margin:0 auto;transition:transform .2s;display:block}.app-nav-toggle[aria-expanded=true] .app-nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.app-nav-toggle[aria-expanded=true] .app-nav-toggle-bar:nth-child(2){opacity:0}.app-nav-toggle[aria-expanded=true] .app-nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.app-nav-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-nav-links a,.app-nav-links button,.app-nav-links .language-switcher--app{box-sizing:border-box;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:1rem;font-weight:600;line-height:1;display:inline-flex}.app-nav-links a{color:var(--app-muted);background:0 0;border:none;text-decoration:none;transition:color .15s,background .15s}.app-nav-links a:hover,.app-nav-links a.active{color:var(--app-text);background:var(--app-surface)}.app-nav-links button{border:1px solid var(--app-border);color:var(--app-muted);cursor:pointer;background:0 0;transition:color .15s,border-color .15s}.app-nav-links button:hover{color:var(--app-text);border-color:#fff3}.app-main{width:100%;min-width:0;max-width:1120px;margin:0 auto;padding:40px 24px 64px}.app-nav-links .language-switcher--app{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-muted);gap:4px;margin:0}.language-switcher--app select{color:var(--app-text);font:inherit;font-weight:inherit;cursor:pointer;text-align:center;text-align-last:center;background:0 0;border:none;outline:none;min-width:2.75rem;height:1.375rem;margin:0;padding:0}@media (width<=900px){.app-nav-inner{flex-wrap:wrap;gap:14px;padding:16px 16px 18px}.app-nav-toggle{margin-left:auto;display:inline-flex}.app-nav-links{border:1px solid var(--app-border);background:var(--app-surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;order:3;align-items:stretch;gap:4px;width:100%;padding:12px;display:none}.app-nav-links.is-open{display:flex}.app-nav-links a,.app-nav-links button,.app-nav-links .language-switcher--app{white-space:normal;text-align:center;border-radius:12px;justify-content:center;width:100%;min-height:44px;padding:0 14px}.app-nav-links .language-switcher--app{display:flex}.app-main{padding:28px 16px 48px}}@media (width<=480px){.app-nav-links a,.app-nav-links button,.app-nav-links .language-switcher--app{min-height:48px;padding:0 14px;font-size:1.0625rem}}.confirm-dialog-backdrop{z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b14b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--app-border,#ffffff1a);width:min(100%,420px);color:var(--app-text,#f1f5f9);background:#0f172a;border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000073}.confirm-dialog-title{margin:0 0 10px;font-size:1.125rem;font-weight:700}.confirm-dialog-description{color:var(--app-muted,#94a3b8);margin:0 0 22px;font-size:.9375rem;line-height:1.6}.confirm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-btn{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:11px 16px;font-size:.9375rem;font-weight:600;transition:opacity .15s}.confirm-dialog-btn:disabled{opacity:.55;cursor:not-allowed}.confirm-dialog-btn--secondary{border:1px solid var(--app-border,#ffffff1a);color:var(--app-text,#f1f5f9);background:#ffffff0a}.confirm-dialog-btn--primary{background:linear-gradient(135deg, var(--app-accent,#6366f1), #818cf8);color:#fff}.confirm-dialog-btn--danger{color:#fecaca;background:#f871712e;border:1px solid #f8717159}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header-main{gap:10px;min-width:0;display:grid}.page-breadcrumb-list{flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:.8125rem;line-height:1.4;list-style:none;display:flex}.page-breadcrumb-list li{align-items:center;display:inline-flex}.page-breadcrumb-sep{color:#94a3b873;-webkit-user-select:none;user-select:none;margin:0 6px}.page-breadcrumb-link{color:var(--app-muted);text-decoration:none;transition:color .15s}.page-breadcrumb-link:hover{color:var(--app-accent-2)}.page-breadcrumb-current{color:#e2e8f0d9;font-weight:500}.page-header-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.875rem,3.2vw,2.375rem);font-weight:800;line-height:1.1}.page-header-subtitle{max-width:640px;color:var(--app-muted);margin:0;font-size:1rem;line-height:1.65}.page-header-action{flex-shrink:0}@media (width<=720px){.page-header-title{font-size:clamp(1.625rem,7vw,2rem)}}.app-toast{z-index:200;border:1px solid var(--app-border,#ffffff1a);background:var(--app-surface-strong,#0f172af2);width:min(100% - 32px,420px);color:var(--app-text,#f1f5f9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;animation:.25s app-toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000059}.app-toast--success{border-color:#22d3ee59;box-shadow:0 16px 40px #00000059,inset 0 0 0 1px #22d3ee14}.app-toast--error{border-color:#f8717159;box-shadow:0 16px 40px #00000059,inset 0 0 0 1px #f8717114}.app-toast-message{flex:1;font-size:.9375rem;line-height:1.5}.app-toast-close{color:var(--app-muted,#94a3b8);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1.25rem;line-height:1}.app-toast-close:hover{color:var(--app-text,#f1f5f9)}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dashboard-page{gap:28px;display:grid}.dashboard-create-btn{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;font:inherit;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 12px 24px #6366f140}.dashboard-create-btn:hover{opacity:.95;transform:translateY(-1px)}.dashboard-empty{border:1px dashed var(--app-border);background:var(--app-surface);color:var(--app-muted);text-align:center;border-radius:16px;padding:32px}.dashboard-toolbar{border:1px solid var(--app-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f10f,#0f172a8c),#0f172a73;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.dashboard-toolbar:has(.dashboard-toolbar-actions){background:linear-gradient(135deg,#f8717114,#0f172a8c),#0f172a73;border-color:#f8717138}.dashboard-select-all{border-radius:10px;padding:8px 10px;transition:background .15s}.dashboard-select-all:hover{background:#ffffff0a}.dashboard-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.dashboard-checkbox--labeled{min-height:40px}.dashboard-checkbox-input{opacity:0;cursor:pointer;width:22px;height:22px;margin:0;position:absolute;inset:0 auto 0 0}.dashboard-checkbox--labeled .dashboard-checkbox-input{width:100%;height:100%;inset:0}.dashboard-checkbox-box{background:linear-gradient(#ffffff0f,#ffffff05),#0f172abf;border:1.5px solid #94a3b873;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 4px 10px #0000002e}.dashboard-checkbox:hover .dashboard-checkbox-box{border-color:#818cf8a6;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f11f,0 6px 14px #0003}.dashboard-checkbox-input:focus-visible+.dashboard-checkbox-box{border-color:#818cf8bf;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f147,0 6px 14px #0003}.dashboard-checkbox-input:checked+.dashboard-checkbox-box,.dashboard-checkbox-input:indeterminate+.dashboard-checkbox-box{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#818cf8d9;transform:scale(1.02);box-shadow:inset 0 1px #ffffff2e,0 8px 18px #6366f159}.dashboard-checkbox-mark{color:#fff;opacity:0;width:14px;height:14px;transition:opacity .15s,transform .15s;position:absolute;transform:scale(.7)}.dashboard-checkbox-input:checked+.dashboard-checkbox-box .dashboard-checkbox-mark--check,.dashboard-checkbox-input:indeterminate+.dashboard-checkbox-box .dashboard-checkbox-mark--minus{opacity:1;transform:scale(1)}.dashboard-checkbox-label{color:var(--app-text);font-size:.875rem;font-weight:600;line-height:1.3}.dashboard-card-select{border-radius:10px;flex-shrink:0;align-self:center;padding:4px;transition:background .15s}.dashboard-card-select:hover{background:#ffffff0a}.dashboard-card.is-selected{background:linear-gradient(135deg, #6366f11a, #6366f108), var(--app-surface);border-color:#6366f161;box-shadow:0 16px 32px #0003,inset 0 1px #ffffff0a}.dashboard-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.dashboard-selected-badge{color:#c7d2fe;letter-spacing:.01em;background:#6366f11f;border:1px solid #6366f147;border-radius:999px;align-items:center;min-height:40px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.dashboard-action-icon{flex-shrink:0;width:16px;height:16px}.dashboard-action-btn{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.dashboard-action-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f18c}.dashboard-action-btn:not(:disabled):hover{transform:translateY(-1px)}.dashboard-action-btn--edit{color:#e0e7ff;background:linear-gradient(#6366f133,#6366f11a);border-color:#6366f159;box-shadow:0 8px 18px #6366f124}.dashboard-action-btn--edit:hover{background:linear-gradient(#6366f147,#6366f124);border-color:#818cf88c;box-shadow:0 10px 22px #6366f138}.dashboard-action-btn--delete{color:#fecaca;background:linear-gradient(#f8717129,#f8717114);border-color:#f8717152;box-shadow:0 8px 18px #f871711a}.dashboard-action-btn--delete:hover{background:linear-gradient(#f871713d,#f871711f);border-color:#fca5a580;box-shadow:0 10px 22px #f871712e}.dashboard-action-btn--bulk-delete{color:#ffe4e6;background:linear-gradient(135deg,#f8717138,#ef444424);border-color:#f8717161;min-height:42px;padding:0 16px;box-shadow:0 10px 24px #f8717129,inset 0 1px #ffffff14}.dashboard-action-btn--bulk-delete:hover{background:linear-gradient(135deg,#f871714d,#ef444433);border-color:#fca5a58c;box-shadow:0 12px 28px #f871713d,inset 0 1px #ffffff1a}.dashboard-action-btn--bulk-delete .dashboard-action-icon{width:17px;height:17px}.dashboard-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dashboard-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;box-shadow:0 16px 32px #0003}.dashboard-card-body{flex:1;gap:4px;min-width:0;display:grid}.dashboard-card-name{color:var(--app-text);font-size:1rem;font-weight:700}.dashboard-card-subject{color:var(--app-muted);font-size:.875rem}.dashboard-card-id{color:#c7d2fe;background:#6366f126;border-radius:6px;width:fit-content;margin-top:4px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;display:inline-block}.dashboard-card-actions{flex-shrink:0;align-items:center;display:flex}.dashboard-action-group{background:#0f172a8c;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:6px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.dashboard-action-group .dashboard-action-btn{min-height:36px;padding:0 12px}.dashboard-action-group .dashboard-action-btn:not(:disabled):hover{transform:none}.dashboard-action-group .dashboard-action-btn--edit:hover,.dashboard-action-group .dashboard-action-btn--delete:hover{transform:translateY(-1px)}.dashboard-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.dashboard-pagination-btn{border:1px solid var(--app-border);color:var(--app-text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;padding:10px 14px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}.dashboard-pagination-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.dashboard-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.dashboard-pagination-status{min-width:6rem;color:var(--app-muted);text-align:center;font-size:.875rem;font-weight:600}@media (width<=640px){.dashboard-card{flex-wrap:wrap;align-items:stretch}.dashboard-card-actions,.dashboard-action-group{width:100%}.dashboard-action-group .dashboard-action-btn{flex:1}.dashboard-toolbar-actions{width:100%;margin-left:0}.dashboard-action-btn--bulk-delete{flex:1}}.find-page{gap:28px;display:grid}.find-form{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;padding:24px;display:flex}.find-form label{color:var(--app-text);flex:240px;gap:8px;font-size:.875rem;font-weight:600;display:grid}.find-form input{border:1px solid var(--app-border);width:100%;color:var(--app-text);font:inherit;background:#ffffff0a;border-radius:10px;padding:12px 14px}.find-form input:focus{border-color:#6366f18c;outline:none;box-shadow:0 0 0 3px #6366f126}.find-form button{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600}.find-form button:disabled{opacity:.55;cursor:not-allowed}.find-error{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:12px;margin:0;padding:12px 16px}.find-preview{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;gap:20px;padding:28px;display:grid;box-shadow:0 16px 32px #0003}.find-preview-header{gap:10px;display:grid}.find-preview-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.find-preview-title-row h2{color:var(--app-text);margin:0;font-size:1.25rem}.find-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.find-action-btn{min-height:38px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.find-action-btn:not(:disabled):hover{transform:translateY(-1px)}.find-action-btn:disabled{opacity:.55;cursor:not-allowed}.find-action-btn--edit{color:#e0e7ff;background:linear-gradient(#6366f133,#6366f11a);border:1px solid #6366f159;box-shadow:0 8px 18px #6366f124}.find-action-btn--copy{color:#cffafe;background:linear-gradient(#22d3ee2e,#22d3ee14);border:1px solid #22d3ee59;box-shadow:0 8px 18px #22d3ee1f}.find-preview-hint{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.55}.find-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.find-preview-subject{color:var(--app-muted);font-size:.9375rem}.find-preview-id{color:#c7d2fe;background:#6366f126;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.find-preview-owner{color:var(--app-muted);font-size:.8125rem}.find-preview-inactive{color:#fecaca;background:#f8717126;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.find-preview-prompt{color:var(--app-text);white-space:pre-wrap;background:#ffffff0a;border-radius:12px;margin:0;padding:16px;font-family:inherit;font-size:.9375rem;line-height:1.65}.find-preview-images{gap:10px;display:grid}.find-preview-images h3{color:var(--app-text);margin:0;font-size:.9375rem}.find-preview-image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.find-preview-image-grid img{aspect-ratio:1;object-fit:cover;border:1px solid var(--app-border);border-radius:10px;width:100%}.find-try-section{border-top:1px solid var(--app-border);gap:12px;padding-top:8px;display:grid}.find-try-section label{color:var(--app-text);gap:8px;font-size:.875rem;font-weight:600;display:grid}.find-try-section input[type=file]{color:var(--app-muted);font-size:.875rem}.find-try-btn{border:1px solid var(--app-border);width:fit-content;color:var(--app-text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;padding:12px 18px;font-weight:600}.find-try-btn:disabled{opacity:.55;cursor:not-allowed}.find-result{background:#6366f11a;border:1px solid #6366f140;border-radius:16px;gap:12px;padding:24px;display:grid}.find-result h3{color:var(--app-text);margin:0;font-size:1rem}.find-result p{color:var(--app-text);margin:0;line-height:1.65}.find-loading{color:var(--app-muted)}.landing-page{--landing-bg:#070b14;--landing-surface:#ffffff0f;--landing-border:#ffffff1a;--landing-text:#f1f5f9;--landing-muted:#94a3b8;--landing-accent:#6366f1;--landing-accent-2:#22d3ee;--landing-glow:#6366f159;min-height:100vh;color:var(--landing-text);background:var(--landing-bg);position:relative;overflow-x:hidden}.landing-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.landing-bg-blob{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.landing-bg-blob--1{background:#4338ca;width:480px;height:480px;top:-120px;right:-80px}.landing-bg-blob--2{background:#0e7490;width:520px;height:520px;bottom:-160px;left:-100px}.landing-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.landing-nav,.landing-page main,.landing-footer{z-index:1;position:relative}.landing-nav{border-bottom:1px solid #ffffff0f}.landing-nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:18px 24px 20px;display:flex}.landing-brand{min-width:0}.landing-nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-nav-login-button,.language-switcher--landing{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.landing-nav-login-button{background:linear-gradient(135deg, var(--landing-accent), #4f46e5);color:#fff;white-space:nowrap;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #6366f14d}.landing-nav-login-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6366f166}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:56px 24px 80px;display:grid}.landing-badge{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-accent-2);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.landing-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.1}.landing-hero-subtitle{max-width:520px;color:var(--landing-muted);margin:0 0 36px;font-size:1.0625rem;line-height:1.7}.landing-cta{border:1px solid var(--landing-border);background:var(--landing-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000040}.landing-cta-label{margin:0 0 8px;font-size:1rem;font-weight:600}.landing-cta-note{color:var(--landing-muted);margin:0;font-size:.875rem}.login-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b14b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-modal{border:1px solid var(--landing-border);width:min(100%,420px);color:var(--landing-text);background:#0f172a;border-radius:20px;padding:28px;position:relative;box-shadow:0 24px 48px #00000073}.login-modal-close{color:var(--landing-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:14px}.login-modal-title{margin:0 0 10px;font-size:1.25rem;font-weight:700}.login-modal-description{color:var(--landing-muted);margin:0 0 16px;font-size:.9375rem;line-height:1.6}.login-modal-bot-link{color:var(--landing-accent-2);align-items:center;margin-bottom:12px;font-weight:600;text-decoration:none;display:inline-flex}.login-modal-bot-link:hover{text-decoration:underline}.login-modal-hint{color:var(--landing-muted);margin:0 0 12px;font-size:.875rem}.login-modal-timer{color:var(--landing-muted);margin:0 0 18px;font-size:.8125rem}.login-modal-form{flex-direction:column;gap:10px;display:flex}.login-modal-label{font-size:.875rem;font-weight:600}.login-modal-input{border:1px solid var(--landing-border);width:100%;color:var(--landing-text);letter-spacing:.2em;text-align:center;text-transform:uppercase;background:#ffffff0a;border-radius:12px;padding:14px 16px;font-size:1.25rem;font-weight:700}.login-modal-input:focus{border-color:var(--landing-accent);outline:none;box-shadow:0 0 0 3px #6366f140}.login-modal-error{color:#f87171;margin:0;font-size:.875rem}.login-modal-submit{background:linear-gradient(135deg, var(--landing-accent), #4f46e5);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:12px 16px;font-size:1rem;font-weight:600}.login-modal-submit:disabled{opacity:.55;cursor:not-allowed}.landing-hero-visual{justify-content:center;align-items:center;min-height:420px;display:flex}.landing-showcase{width:min(100%,460px);min-height:400px;position:relative}.landing-showcase-glow{background:radial-gradient(circle, var(--landing-glow), transparent 70%);filter:blur(24px);pointer-events:none;border-radius:50%;position:absolute;inset:10% 5%}.landing-showcase-card{border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border-radius:20px;position:relative;box-shadow:0 0 0 1px #ffffff0d,0 28px 56px #00000073}.landing-showcase-card--homework{animation:6s ease-in-out infinite landing-float-tilt;transform:perspective(900px)rotateY(-8deg)rotateX(3deg)}.landing-showcase-card--result{background:#1e1b4bf2;border-color:#6366f159;padding:18px 20px;animation:6s ease-in-out .8s infinite landing-float;position:absolute;bottom:24px;left:48px;right:-8px}.landing-showcase-card-head{border-bottom:1px solid var(--landing-border);background:#ffffff08;align-items:center;gap:8px;padding:12px 16px;display:flex}.landing-showcase-dot{border-radius:50%;width:10px;height:10px}.landing-showcase-dot--red{background:#f87171}.landing-showcase-dot--yellow{background:#fbbf24}.landing-showcase-dot--green{background:#4ade80}.landing-showcase-card-title{color:var(--landing-muted);margin-left:8px;font-size:.75rem;font-weight:600}.landing-showcase-homework{padding:8px 8px 12px;position:relative;overflow:hidden}.landing-showcase-svg{width:100%;height:auto;display:block}.landing-showcase-scan{background:linear-gradient(90deg, transparent, var(--landing-accent-2), transparent);height:2px;box-shadow:0 0 16px var(--landing-accent-2);animation:3.2s ease-in-out infinite landing-scan;position:absolute;left:0;right:0}.landing-showcase-result-header{color:var(--landing-text);align-items:center;gap:10px;margin-bottom:12px;font-size:.8125rem;font-weight:700;display:flex}.landing-showcase-ai-badge{background:linear-gradient(135deg, var(--landing-accent), var(--landing-accent-2));color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:800;display:inline-grid}.landing-showcase-result-line{color:var(--landing-text);margin:0 0 8px;font-size:.8125rem;line-height:1.5}.landing-showcase-result-line--muted{color:var(--landing-muted)}.landing-showcase-confidence{color:var(--landing-muted);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:.75rem;display:flex}.landing-showcase-confidence strong{color:#a5f3fc;background:#22d3ee26;border-radius:999px;padding:4px 10px;font-size:.75rem}.landing-showcase-float{border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 16px 32px #00000059}.landing-showcase-float span{font-size:1.25rem}.landing-showcase-float strong{font-size:.9375rem;line-height:1.2;display:block}.landing-showcase-float small{color:var(--landing-muted);font-size:.6875rem}.landing-showcase-float--tokens{animation:5s ease-in-out 1.2s infinite landing-float;top:12px;right:-12px}.landing-showcase-float--bot{flex-direction:column;gap:4px;padding:10px 12px;animation:5.5s ease-in-out .4s infinite landing-float;top:42%;left:-18px}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes landing-float-tilt{0%,to{transform:perspective(900px)rotateY(-8deg)rotateX(3deg)translateY(0)}50%{transform:perspective(900px)rotateY(-8deg)rotateX(3deg)translateY(-8px)}}@keyframes landing-scan{0%{opacity:0;top:12%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:88%}}.landing-section{max-width:1120px;margin:0 auto;padding:64px 24px}.landing-section--alt{padding-top:32px}.landing-section-title{letter-spacing:-.02em;text-align:center;margin:0 0 32px;font-size:1.75rem;font-weight:700}.landing-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-feature-card{border:1px solid var(--landing-border);background:var(--landing-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:#6366f159;transform:translateY(-4px);box-shadow:0 20px 40px #0003}.landing-feature-icon{background:#6366f126;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.4rem;display:inline-flex}.landing-feature-card h3{margin:0 0 10px;font-size:1.125rem;font-weight:700}.landing-feature-card p{color:var(--landing-muted);margin:0;font-size:.9375rem;line-height:1.6}.landing-steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.landing-step{border:1px solid var(--landing-border);background:var(--landing-surface);border-radius:16px;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.landing-step-num{background:linear-gradient(135deg, var(--landing-accent), #818cf8);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9375rem;font-weight:700;display:inline-flex}.landing-step-text{color:var(--landing-muted);font-size:.9375rem;line-height:1.5}.landing-footer{border-top:1px solid var(--landing-border);text-align:center;padding:32px 24px 48px}.landing-footer p{color:var(--landing-muted);margin:0;font-size:.875rem}.language-switcher--landing{border:1px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:4px}.language-switcher--landing select{color:var(--landing-text);font:inherit;font-weight:inherit;cursor:pointer;text-align:center;text-align-last:center;background:0 0;border:none;outline:none;min-width:2.75rem;height:1.25rem;margin:0;padding:0}@media (width<=960px){.landing-hero{grid-template-columns:1fr;padding-top:24px}.landing-hero-visual{order:-1;min-height:360px}.landing-showcase-card--homework{animation:6s ease-in-out infinite landing-float;transform:none}.landing-showcase-card--result{margin-top:-32px;margin-left:24px;position:relative;bottom:auto;left:auto;right:auto}.landing-showcase-float--tokens{right:0}.landing-showcase-float--bot{left:0}.landing-features{grid-template-columns:1fr}.landing-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing-steps{grid-template-columns:1fr}.landing-nav-inner{padding:12px 16px}.landing-nav-actions{gap:6px}.landing-nav-login-button,.language-switcher--landing{min-height:36px;padding:0 12px;font-size:.8125rem}.landing-hero,.landing-section{padding-inline:16px}}.template-editor-page{gap:28px;min-width:0;max-width:100%;display:grid}.template-editor-usage{color:#c7d2fe;background:#6366f11f;border:1px solid #6366f140;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.template-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:24px;display:grid}.template-editor-page.is-trying,.template-editor-grid.is-trying{pointer-events:none;-webkit-user-select:none;user-select:none}.template-editor-try-overlay{z-index:200;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;background:#070b14d6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-editor-try-overlay-card{text-align:center;background:linear-gradient(135deg,#6366f124,#22d3ee0f),#0f172aeb;border:1px solid #6366f147;border-radius:18px;gap:10px;width:min(100%,320px);padding:28px 24px;display:grid;box-shadow:0 24px 48px #00000059}.template-editor-try-spinner{border:3px solid #818cf8;border-color:#818cf8 #22d3ee #94a3b833 #94a3b833;border-radius:50%;width:44px;height:44px;margin:0 auto 4px;animation:.85s linear infinite template-editor-try-spin}.template-editor-try-overlay-title{color:var(--app-text);margin:0;font-size:1rem;font-weight:700}.template-editor-try-overlay-hint{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.5}@keyframes template-editor-try-spin{to{transform:rotate(360deg)}}.template-editor-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;min-width:0;max-width:100%;padding:28px;box-shadow:0 24px 48px #00000040}.template-editor-form{gap:24px;display:grid}.template-editor-section{border:1px solid var(--app-border);background:#0f172a59;border-radius:16px;gap:16px;padding:22px;display:grid}.template-editor-section--prompt{background:linear-gradient(135deg,#6366f114,#6366f105),#0f172a59;border-color:#6366f138}.template-editor-section--try{background:linear-gradient(135deg,#22d3ee12,#22d3ee05),#0f172a59;border-color:#22d3ee33}.template-editor-section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--app-muted);margin:0;font-size:.9375rem;font-weight:700}.template-editor-section-body{gap:20px;display:grid}.template-editor-section-actions{flex-wrap:wrap;gap:12px;display:flex}.template-editor-field{gap:8px;display:grid}.template-editor-field label{color:var(--app-text);font-size:.875rem;font-weight:600}.template-editor-field input,.template-editor-field textarea{overflow-wrap:anywhere;border:1px solid var(--app-border);width:100%;min-width:0;max-width:100%;color:var(--app-text);font:inherit;background:#0f172aa6;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.template-editor-field input::placeholder,.template-editor-field textarea::placeholder{color:#94a3b8b3}.template-editor-field input:focus,.template-editor-field textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.template-editor-field textarea{resize:vertical;min-height:180px;line-height:1.6}.template-editor-file{gap:10px;display:grid}.template-editor-file-drop{min-height:120px;color:var(--app-muted);text-align:center;cursor:pointer;background:linear-gradient(135deg,#6366f11f,#22d3ee0f),#ffffff05;border:1px dashed #ffffff29;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:border-color .15s,background .15s;display:flex}.template-editor-file-drop:hover{border-color:#6366f173}.template-editor-file-drop strong{color:var(--app-text);font-size:.9375rem}.template-editor-file-drop span{font-size:.8125rem}.template-editor-file input[type=file]{display:none}.template-editor-image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.template-editor-image-card{border:1px solid var(--app-border);background:#ffffff08;border-radius:12px;gap:8px;margin:0;padding:10px;display:grid}.template-editor-image-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.template-editor-image-card span{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.template-editor-image-card button{color:#fecaca;font:inherit;cursor:pointer;background:#f871711f;border:1px solid #f8717159;border-radius:8px;padding:6px 8px;font-size:.75rem}.template-editor-actions{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.template-editor-btn{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-size:.9375rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s}.template-editor-btn:disabled{opacity:.55;cursor:not-allowed}.template-editor-btn:not(:disabled):hover{transform:translateY(-1px)}.template-editor-btn--primary{background:linear-gradient(135deg, var(--app-accent), #818cf8);color:#fff;box-shadow:0 12px 24px #6366f140}.template-editor-btn--secondary{border:1px solid var(--app-border);color:var(--app-text);background:#ffffff0a}.template-editor-btn--danger{color:#fecaca;background:#f871711f;border:1px solid #f8717159}.template-editor-side{gap:20px;display:grid}.template-editor-tip{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:16px;padding:22px}.template-editor-tip h2{margin:0 0 12px;font-size:1rem;font-weight:700}.template-editor-tip ul{color:var(--app-muted);margin:0;padding-left:18px;font-size:.875rem;line-height:1.7}.template-editor-result{opacity:0;background:linear-gradient(160deg,#6366f124,#22d3ee0d),#0f172ae0;border:1px solid #6366f152;border-radius:18px;gap:0;padding:0;scroll-margin-top:24px;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;transform:translateY(20px);box-shadow:0 20px 40px #00000047,inset 0 1px #ffffff0f}.template-editor-result.is-visible{opacity:1;transform:translateY(0)}@media (width>=961px){.template-editor-result{transform:translate(32px)}.template-editor-result.is-visible{transform:translate(0)}}.template-editor-result-header{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:20px 22px;display:flex}.template-editor-result-ai-badge{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:.875rem;font-weight:800;display:grid;box-shadow:0 10px 24px #6366f159}.template-editor-result-heading{gap:4px;min-width:0;display:grid}.template-editor-result-title{letter-spacing:-.02em;color:var(--app-text);margin:0;font-size:1.0625rem;font-weight:800}.template-editor-result-meta{color:var(--app-muted);margin:0;font-size:.8125rem}.template-editor-result-block{border-bottom:1px solid #ffffff0f;gap:10px;padding:18px 22px;display:grid}.template-editor-result-block--conclusion{background:#6366f10f}.template-editor-result-block-title{color:#c7d2fe;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:.8125rem;font-weight:700;display:flex}.template-editor-result-block-icon{color:#a5b4fc;background:#6366f12e;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.template-editor-result-block-icon svg{width:15px;height:15px}.template-editor-result-text{color:var(--app-text);white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.7}.template-editor-result-confidence{align-items:flex-start;gap:14px;padding:18px 22px 20px;display:flex}.template-editor-result-confidence-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:700}.template-editor-result-confidence-badge.is-high{color:#bbf7d0;background:#4ade8024;border:1px solid #4ade8059}.template-editor-result-confidence-badge.is-medium{color:#fde68a;background:#fbbf2424;border:1px solid #fbbf2459}.template-editor-result-confidence-badge.is-low{color:#fecaca;background:#f8717124;border:1px solid #f8717159}.template-editor-result-confidence-body{gap:4px;min-width:0;display:grid}.template-editor-result-confidence-label{color:var(--app-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600}.template-editor-result-confidence-reason{color:#e2e8f0e6;margin:0;font-size:.875rem;line-height:1.6}.template-editor-loading{color:var(--app-muted);text-align:center;padding:48px 0}@media (width<=960px){.template-editor-grid{grid-template-columns:1fr}}.template-editor-result--rejected{background:#fffbeb;border-color:#d97706}.usage-page{gap:28px;display:grid}.usage-page-loading{color:var(--app-muted);text-align:center;padding:48px 0}.usage-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.usage-stat-card{border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:22px 24px;box-shadow:0 16px 32px #0000002e}.usage-stat-card--accent{background:#6366f11a;border-color:#6366f147}.usage-stat-label{color:var(--app-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 10px;font-size:.8125rem;font-weight:600}.usage-stat-value{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.1}.usage-stat-value--muted{color:#c7d2fe}.usage-progress-card{border:1px solid var(--app-border);background:var(--app-surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:28px;box-shadow:0 24px 48px #00000040}.usage-progress-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.usage-plan{gap:6px;display:grid}.usage-plan-label{color:var(--app-muted);margin:0;font-size:.8125rem;font-weight:600}.usage-plan-name{margin:0;font-size:1.125rem;font-weight:700}.usage-plan-badge{color:#a5f3fc;text-transform:uppercase;letter-spacing:.04em;background:#22d3ee1f;border:1px solid #22d3ee40;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.usage-percent{letter-spacing:-.04em;background:linear-gradient(135deg, var(--app-accent), var(--app-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800}.usage-progress-track{background:#ffffff14;border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 2px #00000040}.usage-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--app-accent), var(--app-accent-2));height:100%;box-shadow:0 0 20px var(--app-glow);transition:width .4s}.usage-progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 20px #f59e0b59}.usage-progress-fill--danger{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 20px #ef444459}.usage-progress-meta{color:var(--app-muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:.8125rem;display:flex}.usage-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.usage-info-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;padding:22px}.usage-info-card h2{margin:0 0 10px;font-size:.9375rem;font-weight:700}.usage-info-card p{color:var(--app-muted);margin:0;font-size:.875rem;line-height:1.65}@media (width<=820px){.usage-stats,.usage-info-grid{grid-template-columns:1fr}.usage-progress-top{flex-direction:column}}