:root{--bg: #f4f6f9;--surface: #ffffff;--text: #1a1d26;--muted: #5c6478;--border: #dde2ec;--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #dc2626;--success: #16a34a;--shadow: 0 8px 30px rgba(26, 29, 38, .08);--radius: 12px;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:640px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.card--wide{max-width:720px}h1{margin:0 0 8px;font-size:1.75rem;font-weight:700}.subtitle{margin:0 0 28px;color:var(--muted);font-size:.95rem}.user-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#eef2ff;color:#3730a3;border-radius:999px;font-size:.875rem;font-weight:500;margin-bottom:24px}.app-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.app-row{padding:16px;border:1px solid var(--border);border-radius:10px;background:#fafbfc}.app-row__header{display:flex;align-items:center;gap:12px}.app-row__header input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.app-row__name{font-weight:600;font-size:1rem}.app-row__comment{margin-top:12px}.app-row__comment label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}.app-row__comment input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.95rem}.app-row__comment input:focus{outline:2px solid #93c5fd;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s,opacity .15s}.btn--primary{background:var(--accent);color:#fff;width:100%}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--border);margin-top:12px;width:100%}.btn--ghost:hover{background:#f8fafc}.google-wrap{display:flex;justify-content:center;margin-top:8px}.alert{padding:12px 14px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.alert--error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert--success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}.loading{text-align:center;color:var(--muted);padding:40px 0}.load-error{padding:8px 0 16px}.load-error .btn{max-width:280px;margin:0 auto;display:flex}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.header-row button{flex-shrink:0;padding:6px 12px;font-size:.8rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer}.header-row button:hover{background:#f1f5f9}.hint{font-size:.85rem;color:var(--muted);margin-bottom:20px}.app-list--dimmed{opacity:.5;pointer-events:none}.submit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#f4f6f9e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.submit-overlay__panel{width:100%;max-width:400px;padding:40px 32px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.submit-overlay__phrase{margin:20px 0 8px;font-size:1.15rem;font-weight:600;color:var(--text);min-height:1.6em;animation:phrase-in .35s ease}.submit-overlay__hint{margin:0;font-size:.85rem;color:var(--muted)}.submit-overlay__progress{display:flex;justify-content:center;gap:8px;margin-top:16px}.submit-overlay__dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s}.submit-overlay__dot--active{background:var(--accent);transform:scale(1.15)}.submit-overlay__dot--done{background:var(--success)}.spinner--lg{width:48px;height:48px;border-width:4px}@keyframes phrase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.success-card{text-align:center;max-width:480px}.success-card__icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:var(--success);font-size:2rem;font-weight:700}.success-card__text{margin-bottom:12px}.success-card__hint{margin:0 0 28px;font-size:.9rem;color:var(--muted)}