*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202124;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.landing{color:#1a1a2e;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:20px 32px;display:flex}.landing-logo{color:#1a73e8;font-size:1.3rem;font-weight:700}.landing-nav-cta{color:#1a73e8;border:1px solid #d7e0f0;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none}.landing-nav-cta:hover{background:#eef4fe}.landing-hero{text-align:center;background:linear-gradient(#eef4ff 0%,#fff 70%);padding:56px 24px 40px}.landing-hero h1{background:linear-gradient(120deg,#1a73e8,#6236ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.1}.landing-hero p{color:#444;max-width:560px;margin:0 auto 28px;font-size:1.1rem;line-height:1.5}.landing-cta{color:#fff;background:linear-gradient(120deg,#1a73e8,#6236ff);border-radius:30px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 8px 24px #6236ff40}.landing-cta:hover{box-shadow:0 10px 30px #6236ff59}.landing-mock{background:#fff;border:1px solid #e3e8f5;border-radius:14px;max-width:640px;margin:48px auto 0;overflow:hidden;box-shadow:0 24px 60px #1a285a1f}.landing-mock-toolbar{border-bottom:1px solid #eee;gap:6px;padding:12px 16px;display:flex}.landing-mock-toolbar span{background:#e0e4ee;border-radius:50%;width:10px;height:10px}.landing-mock-toolbar span:first-child{background:#ff6b6b}.landing-mock-toolbar span:nth-child(2){background:#ffd166}.landing-mock-toolbar span:nth-child(3){background:#06d6a0}.landing-mock-grid{background:#eef0f6;grid-template-columns:repeat(6,1fr);gap:1px;padding:1px;display:grid}.landing-mock-cell{aspect-ratio:2;background:#fff}.landing-mock-cell.filled{background:#eaf1fd;box-shadow:inset 0 0 0 1.5px #1a73e8}.landing-features{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;padding:64px 24px 80px;display:grid}.landing-feature-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:28px 22px}.landing-feature-icon{color:#1a73e8;background:#eef4ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.landing-feature-icon svg{width:24px;height:24px}.landing-feature-card h3{margin:0 0 8px;font-size:1.05rem}.landing-feature-card p{color:#666;margin:0;font-size:.9rem;line-height:1.5}.landing-footer{text-align:center;color:#999;border-top:1px solid #eee;padding:24px;font-size:.85rem}@media (width<=720px){.landing-features{grid-template-columns:1fr}}.login-page{min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.login-brand-panel{background:linear-gradient(135deg,#1a73e8 0%,#6236ff 100%);flex:1.1;justify-content:center;align-items:center;padding:48px;display:flex}.login-brand-inner{color:#fff;max-width:420px}.login-brand-logo{background:#ffffff26;border-radius:20px;margin-bottom:24px;padding:6px 14px;font-size:1.1rem;font-weight:700;display:inline-block}.login-brand-inner h1{margin:0 0 16px;font-size:2rem;line-height:1.25}.login-brand-inner p{opacity:.9;margin:0;font-size:1.05rem;line-height:1.5}.login-form-panel{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.login-card{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.login-back{color:#888;margin-bottom:12px;font-size:.85rem;text-decoration:none}.login-back:hover{color:#1a73e8}.login-card h2{color:#1a1a2e;margin:0;font-size:1.6rem}.login-card>p{color:#555;margin:0 0 12px;font-size:.95rem}.login-google-btn{margin-bottom:8px}.login-error{color:#d93025;margin:0;font-size:.85rem}.login-note{color:#888;border-top:1px solid #eee;margin-top:20px;padding-top:16px;font-size:.8rem;line-height:1.5}@media (width<=720px){.login-page{flex-direction:column}.login-brand-panel{flex:none;padding:32px 24px}.login-brand-inner h1{font-size:1.5rem}.login-form-panel{flex:none;padding:32px 24px 48px}}.dash-page{background:#f6f8fc;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dash-header{background:#fff;border-bottom:1px solid #e5e9f2;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.dash-logo{color:#1a73e8;font-size:1.2rem;font-weight:700}.dash-account{color:#333;align-items:center;gap:10px;font-size:.9rem;display:flex}.dash-avatar{border-radius:50%;width:30px;height:30px}.dash-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;overflow:hidden}.dash-signout-btn{cursor:pointer;background:#fff;border:1px solid #d7dce6;border-radius:20px;padding:7px 14px;font-size:.85rem}.dash-signout-btn:hover{background:#f0f2f7}.dash-main{max-width:1000px;margin:0 auto;padding:32px 24px 60px}.dash-new-card{color:#fff;cursor:pointer;background:linear-gradient(120deg,#1a73e8,#6236ff);border:none;border-radius:14px;align-items:center;gap:12px;margin-bottom:32px;padding:18px 24px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 10px 28px #4c3fe838}.dash-new-card:hover{box-shadow:0 12px 32px #4c3fe84d}.dash-new-plus{font-size:1.3rem;line-height:1}.dash-loading,.dash-empty{color:#888;text-align:center;padding:40px 0}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.dash-card{background:#fff;border:1px solid #e5e9f2;border-radius:14px;transition:box-shadow .15s,transform .15s;position:relative}.dash-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e285a1a}.dash-card-open{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:18px 16px 14px;display:flex}.dash-card-icon{color:#1a73e8;background:#eaf1fd;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}.dash-card-icon svg{width:20px;height:20px}.dash-card-name{color:#202124;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.92rem;font-weight:600;overflow:hidden}.dash-card-rename-input{box-sizing:border-box;border:1px solid #1a73e8;border-radius:4px;width:100%;padding:2px 4px;font-size:.92rem;font-weight:600}.dash-card-date{color:#999;font-size:.75rem}.dash-card-menu-wrap{position:absolute;top:8px;right:8px}.dash-card-menu-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;width:26px;height:26px;font-size:1rem}.dash-card-menu-btn:hover{background:#f0f2f7}.dash-card-menu{z-index:10;background:#fff;border:1px solid #e5e9f2;border-radius:8px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:30px;right:0;box-shadow:0 6px 20px #0000001f}.dash-card-menu button{text-align:left;cursor:pointer;color:#202124;background:0 0;border:none;border-radius:5px;padding:8px 10px;font-size:.85rem}.dash-card-menu button:hover{background:#f0f2f7}.dash-card-menu button.danger{color:#d93025}@media (width<=480px){.dash-header{padding:14px 16px}.dash-main{padding:24px 16px 48px}}