:root{font-family:Zen Kaku Gothic New,Inter,sans-serif;color:#12263f;background:#f3f4f6;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%}body{margin:0;min-height:100vh;background:#f3f4f6}a{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column;width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.logo-time{display:flex;flex-direction:column;gap:4px;cursor:pointer}.logo-time img{height:27px}.logo-time span{font-size:11px;color:gray}.header-actions{display:flex;align-items:center;gap:8px;position:relative}.menu-button{background:transparent;border:none;font-size:20px;color:#00bfa3}.menu-panel{position:absolute;top:44px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 16px #0000001f;display:flex;flex-direction:column;min-width:160px;z-index:20}.menu-panel button{padding:10px 14px;text-align:left;background:transparent}.shell-content{flex:1;padding-bottom:96px}.loading{font-size:20px;text-align:center;margin-top:30vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;cursor:pointer}.brand img{height:28px}.nav{display:flex;gap:8px}.nav-btn{border:none;background:transparent;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}.nav-btn.active{background:#00bfa3;color:#fff}.tabbar{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -6px 16px #0000001a;display:flex;justify-content:space-around;align-items:center;z-index:15}.tab-item{flex:1;height:100%;background:transparent;border:none;font-weight:700;color:#9dbad0;font-size:14px;display:flex;align-items:center;justify-content:center}.tab-item.active{color:#00bfa3}.fab{position:fixed;right:20px;bottom:90px;width:56px;height:56px;border-radius:28px;background:#00bfa3;color:#fff;font-size:28px;font-weight:700;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.topbar-actions{display:flex;gap:8px}button,input,select,textarea{font-family:inherit}button{border:none;background:#e5e7eb;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:600}button.primary{background:#00bfa3;color:#fff}button.ghost{background:transparent;border:1px solid #cbd5e1}button.danger{background:#fee2e2;color:#b91c1c}button.danger.subtle{background:#fff;border:1px solid #fecaca;color:#dc2626}button:disabled{opacity:.6;cursor:not-allowed}.screen{padding:24px 16px}.plan-screen{background:#e7f3ee}.content{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.content.narrow{max-width:640px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{border:1px solid #e5e7eb;background:#fff;padding:6px 12px;border-radius:999px;font-weight:600}.tab.active{background:#00bfa3;color:#fff;border-color:#00bfa3}.search{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;min-width:200px}.table-block h3,.section-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#12263f}.section-title.alert{color:#dc2626}.table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%;overflow-x:auto}.table-head,.table-row{display:grid;grid-template-columns:1.3fr 1fr .9fr 1.2fr 1fr 1fr 1fr;gap:12px;padding:12px 16px;align-items:center;min-width:900px}.table-head{background:#f8fafc;font-weight:700}.table-row{border-top:1px solid #e5e7eb}.table-row.disabled{opacity:.5}.table-row.clickable{cursor:pointer}.table-row:not(.disabled):hover{background:#fafafa}.table-row.animate-start{animation:row-pop .28s ease-out}.title-cell{display:flex;align-items:center;justify-content:space-between;gap:8px}.move-buttons{display:flex;gap:4px}.move-btn{border:1px solid #e5e7eb;background:#fff;border-radius:4px;padding:2px 6px;color:#6b7280;font-size:12px}.table-row .link{background:none;border:none;text-align:left;padding:0;color:#00bfa3;font-weight:700;font-size:14px}.table-row,.table-head{font-size:13px;color:#12263f}.table-row .link{font-size:14px}.content-cell{white-space:pre-line}.table-row .actions,.status,.action-btn,.move-btn{font-size:13px}.table-row .actions{display:flex;flex-wrap:wrap;gap:6px}.status{font-weight:700;font-size:12px}.status.done{color:#00bfa3}.status.skipped{color:#94a3b8}.status.active{color:#00bfa3}.status.plan{color:#64748b}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:12px;color:#12263f}.action-btn.start{color:#00bfa3}.action-btn.complete{color:#60a5fa}.action-btn.stop{color:#dc2626}.action-btn.skip{color:#f59e0b}.action-btn.restore{color:#6b7280}@keyframes row-pop{0%{transform:translate(-10px);opacity:.6}to{transform:translate(0);opacity:1}}.empty{padding:16px;color:#94a3b8}.empty-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center}.empty-card h3{margin:0 0 8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#fff;padding:24px;border-radius:12px;width:min(92vw,520px);display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 40px #0003}.modal textarea{min-height:120px;border-radius:8px;border:1px solid #e5e7eb;padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.fireworks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45}.fireworks span{position:absolute;left:50%;top:50%;width:8px;height:8px;background:hsl(calc(30 * var(--i)),90%,60%);border-radius:50%;animation:burst 1.4s ease-out forwards}.fireworks span:nth-child(odd){width:6px;height:6px}@keyframes burst{0%{transform:translate(-50%,-50%) rotate(calc(30deg * var(--i))) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(calc(30deg * var(--i))) translateY(-80px) scale(.6);opacity:0}}.log-group{display:flex;flex-direction:column;gap:12px}.log-title{font-weight:700;color:#12263f}.editor-header{display:flex;justify-content:space-between;align-items:center}.editor-card,.category-panel,.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:16px}.editor-card label,.card label{display:flex;flex-direction:column;gap:6px;font-weight:600}.editor-card input,.editor-card textarea,.editor-card select,.card input{border-radius:8px;border:1px solid #e5e7eb;padding:8px 10px}.editor-card textarea{min-height:120px}.type-toggle{display:flex;gap:8px}.type-btn{border:1px solid #e5e7eb;background:#fff;padding:8px 14px;border-radius:8px;font-weight:600;color:#475569;cursor:pointer}.type-btn.active{background:#e7faf7;color:#475569;border-color:#00bfa3}.row{display:flex;gap:12px}.routine-box{display:flex;flex-direction:column;gap:12px}.weekdays{display:flex;gap:8px;flex-wrap:wrap}.chip{border-radius:999px;padding:6px 12px;border:1px solid #cbd5e1;background:#fff}.chip.active{background:#00bfa3;color:#fff;border-color:#00bfa3}.editor-actions{display:flex;gap:12px}.editor-delete{display:flex;justify-content:center;margin:16px 0 32px}button.centered{min-width:200px}.category-panel .panel-header{display:flex;justify-content:space-between;align-items:center}.categories-add{display:flex;gap:8px}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.category-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.category-actions{display:flex;gap:8px}.notice{font-size:12px;color:#9aa0a6}.card.warn{border:1px solid #fecaca}.caption{font-size:12px;color:#94a3b8}.primary-link{display:inline-block;padding:10px 16px;border-radius:8px;background:#00bfa3;color:#fff;text-decoration:none;font-weight:700}.landing{padding:24px;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:40px}.landing-header{display:flex;justify-content:space-between;align-items:center}.landing-logo{height:32px}.landing-actions{display:flex;gap:12px}.landing-link{padding:8px 16px;border-radius:6px;text-decoration:none;color:#12263f}.landing-link.primary{background:#00bfa3;color:#fff}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:center}.hero-text h1{margin:0 0 12px;font-size:32px}.hero-text strong{display:block;font-size:42px;color:#00bfa3}.hero-text p{white-space:pre-line;font-size:16px}.hero-image{width:100%;max-width:420px;justify-self:center}.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.cta{display:inline-block;background:#00bfa3;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700}.link{color:#00bfa3;text-decoration:none}.auto-link{color:#2563eb;text-decoration:underline}.back-link{background:none;border:none;padding:0;cursor:pointer;font:inherit}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.feature-card img{width:100%;height:220px;object-fit:contain;margin-bottom:16px}.landing-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;padding-top:16px}.landing-footer-links{display:flex;gap:16px}.auth-page{max-width:480px;width:min(92vw,480px);margin:48px auto 0;background:#fff;border-radius:12px;padding:32px;box-shadow:0 12px 30px #0f172a14;display:flex;flex-direction:column;gap:16px;text-align:center}.auth-page .sub{font-size:14px;color:#4b5563}.auth-logo{height:32px;margin:0 auto}.social-buttons{display:flex;flex-direction:column;gap:8px}.social{border:1px solid #e5e7eb;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700}.divider{height:1px;background:#e5e7eb}.auth-form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-resend{display:flex;flex-direction:column;gap:6px}.link-button{background:none;border:none;padding:0;color:#00bfa3;text-align:left;cursor:pointer;font:inherit}.auth-form input{border-radius:8px;border:1px solid #e5e7eb;padding:10px 12px}.checkbox{font-size:14px;display:flex;gap:8px;align-items:center}.footer-links{display:flex;justify-content:center;gap:8px;font-size:14px}.auth-switch{display:flex;flex-direction:column;gap:4px;font-size:14px}.auth-switch .strong{font-weight:700}.error{color:#dc2626;font-size:14px}.success{color:#16a34a;font-size:14px}.legal{max-width:1200px;width:min(92vw,1200px);margin:40px auto;background:#fff;padding:32px;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.toast{position:fixed;right:24px;bottom:84px;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 12px 36px #0f172a33;min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-actions{display:flex;gap:8px}.toast.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}@media (max-width: 900px){.topbar{flex-direction:column;gap:12px}.filter-bar{flex-direction:column;align-items:stretch}.search{width:100%;min-width:0}.tabs{width:100%}.table-head,.table-row{grid-template-columns:1fr!important;min-width:0}.table{border:none;background:transparent}.table-head{display:none}.table-row{position:relative;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:16px;margin-bottom:12px;gap:12px;flex-direction:row;flex-wrap:wrap}.table-row>div{display:flex;flex-direction:column;gap:6px;width:100%}.table-row>div:before{content:attr(data-label);font-size:12px;font-weight:700;color:#64748b;border-bottom:1px dotted #eee;padding-bottom:4px;width:100%}.title-cell{align-items:flex-start;flex-direction:column;gap:6px}.move-buttons{align-self:flex-start}.due-cell,.category-cell{width:calc(50% - 6px)}.table-row .status{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;background:#f1f5f9;font-size:11px;width:auto;white-space:nowrap}.table-row .status:before{display:none}.table-row .actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.table-row .actions:before{width:100%}.table-row .actions{justify-content:flex-start}.row{flex-direction:column}.landing-header{flex-direction:column;gap:16px}.hero{grid-template-columns:1fr}.landing-footer{flex-direction:column;gap:12px}.auth-page{margin-top:24px;padding:24px}.legal{padding:24px}.app-header{padding:12px}.shell-content{padding-bottom:120px}}@media (min-width: 768px){.hero{grid-template-columns:1.2fr 1fr}.features{grid-template-columns:repeat(3,1fr)}}