:root{--slate-50:#F6F8F8;--slate-100:#ECF1F1;--slate-200:#DCE4E4;--slate-300:#C3CFCF;--slate-400:#9BAAAA;--slate-500:#6E7E7E;--slate-600:#4E5D5D;--slate-700:#364242;--slate-800:#232D2D;--slate-900:#141B1B;--slate-950:#0C1111;--teal-50:#E6F4F1;--teal-100:#C4E6DF;--teal-200:#8FCFC2;--teal-300:#57B4A3;--teal-400:#2D998A;--teal-500:#0E7C6B;--teal-600:#0B6759;--teal-700:#0A5346;--teal-900:#052B25;--gold-300:#F2CF83;--gold-400:#EBB44A;--gold-500:#D2872A;--gold-600:#A9691F;--green:#2E9E5B;--green-bg:#E4F4EB;--orange:#E07C24;--orange-bg:#FBEBDD;--red:#D64545;--red-bg:#FBE7E7;--blue:#2D7FF0;--blue-bg:#E5EEFC;--font-sans:"Inter","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",system-ui,sans-serif;--font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,"SFMono-Regular",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-display:3rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--border-width:1px;--shadow-xs:0 1px 2px rgba(12,17,17,.06);--shadow-sm:0 1px 3px rgba(12,17,17,.08),0 1px 2px rgba(12,17,17,.04);--shadow-md:0 4px 14px rgba(12,17,17,.08);--shadow-lg:0 14px 34px rgba(12,17,17,.12);--ease:cubic-bezier(.2,.8,.2,1);--dur-fast:120ms;--dur:200ms;--chart-1:#0E7C6B;--chart-2:#EBB44A;--chart-3:#4F86D6;--chart-4:#E76F51;--chart-5:#7C6BD9;--chart-6:#5FA84A;--chart-7:#6E7E7E;--chart-8:#D26FA0;--color-bg:var(--slate-50);--color-surface:#FFFFFF;--color-surface-2:var(--slate-100);--color-border:var(--slate-200);--color-border-strong:var(--slate-300);--color-text:var(--slate-900);--color-text-muted:var(--slate-600);--color-text-subtle:var(--slate-500);--color-text-inverse:#FFFFFF;--color-primary:var(--teal-500);--color-primary-hover:var(--teal-600);--color-primary-fg:#FFFFFF;--color-primary-subtle:var(--teal-50);--color-accent:var(--gold-400);--color-accent-fg:var(--slate-900);--color-success:var(--green);--color-success-bg:var(--green-bg);--color-warning:var(--orange);--color-warning-bg:var(--orange-bg);--color-danger:var(--red);--color-danger-bg:var(--red-bg);--color-info:var(--blue);--color-info-bg:var(--blue-bg);--color-focus:var(--teal-400)}[data-theme=dark]{--color-bg:var(--slate-950);--color-surface:var(--slate-900);--color-surface-2:var(--slate-800);--color-border:#28302F;--color-border-strong:var(--slate-700);--color-text:#EAF0EF;--color-text-muted:var(--slate-400);--color-text-subtle:#7C8B8B;--color-text-inverse:var(--slate-900);--color-primary:var(--teal-300);--color-primary-hover:var(--teal-200);--color-primary-fg:#04140F;--color-primary-subtle:#0C2B26;--color-accent:var(--gold-400);--color-accent-fg:var(--slate-950);--color-success-bg:#123021;--color-warning-bg:#33220F;--color-danger-bg:#331616;--color-info-bg:#122540;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 14px rgba(0,0,0,.45);--shadow-lg:0 14px 34px rgba(0,0,0,.55)}*{box-sizing:border-box}body,html{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}a{color:var(--color-primary)}button{font:inherit}.brand-rule{display:inline-block;width:3px;height:1.1em;background:var(--color-primary);border-radius:2px;margin-right:var(--space-2);vertical-align:-2px}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4)}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-md)}.auth-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.auth-brand,.auth-h{font-size:var(--text-lg)}.auth-h{margin:0 0 var(--space-2)}.auth-p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.auth-foot{color:var(--color-text-subtle);margin-top:var(--space-5)}.auth-foot,.stg{font-size:var(--text-xs)}.stg{margin-left:auto;font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning)}.lbl{display:block;font-size:var(--text-sm);font-weight:var(--fw-semibold);margin:var(--space-3) 0 var(--space-1)}.inp{width:100%;height:42px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base)}.inp:focus{outline:2px solid var(--color-focus);outline-offset:1px}.inp.code{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.3em;text-align:center}.btn-google,.btn-primary,.btn-secondary{width:100%;height:44px;margin-top:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{border:none;background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-google,.btn-secondary{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.btn-google{margin-top:0}button:disabled{opacity:.55;cursor:default}.btn-link{display:block;margin:var(--space-3) auto 0;background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;text-decoration:underline}.or{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-subtle);font-size:var(--text-xs);margin:var(--space-5) 0 var(--space-1)}.or:after,.or:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.hint{font-size:var(--text-xs);color:var(--color-text-subtle);margin:var(--space-2) 0 0}.err{background:var(--color-danger-bg);color:var(--color-danger)}.err,.ok{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.ok{background:var(--color-info-bg);color:var(--color-info)}.choice{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.choice-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left}.choice-btn:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.choice-btn b{font-size:var(--text-base)}.choice-btn span{font-size:var(--text-sm);color:var(--color-text-muted)}.totp{display:flex;flex-direction:column;align-items:center;text-align:center}.secret{font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;background:var(--color-surface-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.hdr{justify-content:space-between;gap:var(--space-4);padding:0 var(--space-6);height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hdr,.hdr-brand{display:flex;align-items:center}.hdr-brand{font-weight:var(--fw-bold);color:var(--color-text);text-decoration:none;white-space:nowrap}.hdr-user{display:flex;align-items:center;gap:var(--space-4);min-width:0}.hdr-who{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.hdr-btn,.hdr-who{font-size:var(--text-sm);white-space:nowrap}.hdr-btn{height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer}.page{max-width:1080px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.page-wide{max-width:none}.page-h{font-size:var(--text-2xl);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.page-sub{color:var(--color-text-muted);margin:0 0 var(--space-5)}.crumb,.page-sub{font-size:var(--text-sm)}.crumb{color:var(--color-text-subtle);margin-bottom:var(--space-3)}.crumb a{text-decoration:none}.empty{margin-top:var(--space-6);padding:var(--space-8);text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.tile{display:flex;flex-direction:column;gap:var(--space-2);min-height:132px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-xs);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.tile:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tile b{font-size:var(--text-xl)}.tile span{font-size:var(--text-sm);color:var(--color-text-muted)}.tile-err{border-left-color:var(--color-warning)}.plist{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.plist a{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none}.plist a:hover{border-color:var(--color-primary)}.plist span{font-size:var(--text-sm);color:var(--color-text-muted)}.gcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.gbar-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.seg{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{height:32px;padding:0 var(--space-3);border:none;background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.seg button+button{border-left:1px solid var(--color-border-strong)}.seg button.on{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--fw-semibold)}.pill{height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer}.chk,.pill{font-size:var(--text-sm)}.chk{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:var(--space-2)}.gantt{display:grid;grid-template-columns:minmax(440px,520px) minmax(460px,1fr);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.g-left{border-right:1px solid var(--color-border);min-width:0}.g-right{overflow-x:auto}.g-head{height:56px;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-xs);color:var(--color-text-muted)}.g-lhead{display:grid;grid-template-columns:1fr 84px 168px;align-items:end;padding:0 0 var(--space-2) var(--space-2);font-weight:var(--fw-semibold)}.g-weeks{display:grid;height:28px;align-items:center}.g-weeks span{padding-left:var(--space-2);border-left:1px solid var(--color-border);white-space:nowrap;overflow:hidden}.g-days{display:grid;height:28px;align-items:center;text-align:center;font-family:var(--font-mono)}.g-days .we{color:var(--color-text-subtle);background:var(--color-surface)}.g-days .today{color:var(--color-primary-fg);background:var(--color-primary);border-radius:var(--radius-sm);font-weight:var(--fw-bold)}.g-row{height:36px;border-bottom:1px solid var(--color-border)}.g-left .g-row{display:grid;grid-template-columns:1fr 84px 168px;align-items:center;font-size:var(--text-sm)}.g-name{min-width:0;padding-right:var(--space-3);line-height:1.25;word-break:auto-phrase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.is-parent .g-name{font-weight:var(--fw-semibold)}.g-fold{border:none;background:none;padding:0;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;max-width:100%;text-align:left}.g-owner{display:flex;flex-direction:column;justify-content:center;font-size:11px;line-height:1.3;color:var(--color-text-muted);padding-right:var(--space-2);min-width:0}.g-owner span{white-space:nowrap}.g-none{display:flex!important;align-items:center;padding-left:var(--space-3);color:var(--color-text-subtle)}.st{font-size:var(--text-xs);font-weight:var(--fw-semibold);white-space:nowrap}.st-todo{color:var(--color-text-muted)}.st-doing{color:var(--color-info)}.st-review{color:var(--color-warning)}.st-done{color:var(--color-text-subtle)}.g-body,.g-cells{position:relative}.g-cells{display:grid;align-items:center}.cell{height:100%;border-left:1px solid transparent}.cell.we{background:repeating-linear-gradient(135deg,var(--color-surface-2) 0 4px,transparent 4px 8px)}.bar{position:relative;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;z-index:1;margin:0 1px}.bar,.bar-lbl{overflow:hidden}.bar-lbl{font-size:var(--text-xs);padding:0 var(--space-2);white-space:nowrap;text-overflow:ellipsis}.bar-out{overflow:visible;z-index:4}.bar-out .bar-lbl{position:absolute;left:calc(100% + 6px);padding:0 4px;overflow:visible;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm)}.bar-out-left .bar-lbl{left:auto;right:calc(100% + 6px)}.bar-todo{background:var(--color-surface);border:1.5px dashed var(--color-text-subtle);color:var(--color-text-muted)}.bar-doing{background:var(--color-info);color:#fff}.bar-review{background:repeating-linear-gradient(135deg,var(--color-warning) 0 6px,var(--gold-300) 6px 12px);color:var(--slate-900)}.bar-done{background:var(--color-border-strong);color:var(--color-text-muted)}.bar-parent{height:8px;background:var(--color-text-muted);border-radius:2px}.g-today{top:0;bottom:0;width:2px;background:var(--color-primary);z-index:2}.deps,.g-today{position:absolute;pointer-events:none}.deps{inset:0;width:100%;height:100%;z-index:3;overflow:visible}.deps path{fill:none;stroke:var(--color-text-muted);stroke-width:1.5}.deps polygon{fill:var(--color-text-muted)}.g-foot{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:720px){.hdr{padding:0 var(--space-4)}.hdr-who{display:none}.page{padding:var(--space-6) var(--space-4) var(--space-12)}.gantt{grid-template-columns:200px 1fr}.g-left .g-row,.g-lhead{grid-template-columns:1fr}.g-left .g-row .g-owner,.g-left .g-row .st,.g-lhead span:not(:first-child){display:none}}