@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-primary:#5645d4;--color-primary-pressed:#4534b3;--color-on-primary:#fff;--color-focus:var(--color-primary);--color-nav-active-bg:var(--color-ink-deep);--color-nav-active-text:#fff;--color-link:#0075de;--color-link-pressed:#005bab;--color-canvas:#fff;--color-surface:#f6f5f4;--color-surface-soft:#fafaf9;--color-hairline:#e5e3df;--color-hairline-soft:#ede9e4;--color-hairline-strong:#c8c4be;--color-ink-deep:#000;--color-ink:#1a1a1a;--color-charcoal:#37352f;--color-slate:#5d5b54;--color-steel:#787671;--color-stone:#a4a097;--color-muted:#bbb8b1;--color-success:#1aae39;--color-warning:#dd5b00;--color-error:#e03131;--color-tag-purple-bg:#e6e0f5;--color-tag-purple-text:#391c57;--color-tag-orange-bg:#ffe8d4;--color-tag-orange-text:#793400;--color-tag-mint-bg:#d9f3e1;--color-tag-mint-text:#1aae39;--color-yellow-bold:#f9e79f;--bg-main:var(--color-canvas);--bg-sidebar:var(--color-surface-soft);--glass-bg:var(--color-canvas);--glass-bg-hover:var(--color-surface-soft);--glass-border:var(--color-hairline);--glass-border-focus:var(--color-primary);--color-secondary:var(--color-link);--color-danger:var(--color-error);--text-main:var(--color-ink);--text-muted:var(--color-slate);--text-dark:var(--color-stone);--font-sans:"Notion Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--button-padding:10px 18px;--button-font-weight:500;--input-height:44px;--sidebar-width:280px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-xxl:32px;--shadow-subtle:#0f0f0f0a 0 1px 2px 0;--shadow-card:#0f0f0f14 0 4px 12px 0;--shadow-modal:#0f0f0f29 0 16px 48px -8px;--transition-fast:.15s ease;--transition-smooth:.18s ease}html[data-theme=default]{--color-primary:#b286f9;--color-primary-pressed:#9965ec;--color-on-primary:#0f172a;--color-focus:#a78bfaf2;--color-nav-active-bg:#a78bfa24;--color-nav-active-text:#b286f9;--color-link:#3dd6f5;--color-link-pressed:#20c8e9;--color-canvas:#090e1a;--color-surface:#ffffff08;--color-surface-soft:#05080f;--color-hairline:#ffffff14;--color-hairline-soft:#ffffff0d;--color-hairline-strong:#ffffff26;--color-ink-deep:#f8fafc;--color-ink:#f8fafc;--color-charcoal:#e2ebf3;--color-slate:#94a3b8;--color-steel:#94a3b8;--color-stone:#52637a;--color-muted:#52637a;--color-success:#26d968;--color-warning:#ffd24c;--color-error:#f25a5a;--color-tag-purple-bg:#a78bfa1f;--color-tag-purple-text:#b286f9;--color-tag-orange-bg:#22d3ee1f;--color-tag-orange-text:#3dd6f5;--color-tag-mint-bg:#22c55e1f;--color-tag-mint-text:#26d968;--color-yellow-bold:#ffd24c;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Outfit, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-button:10px;--radius-card:16px;--radius-input:12px;--button-padding:12px 24px;--button-font-weight:600;--input-height:40px;--shadow-subtle:#0003 0 8px 32px 0;--shadow-card:#0000004d 0 12px 40px 0}html[data-theme=minimax]{--color-primary:#0a0a0a;--color-primary-pressed:#222;--color-on-primary:#fff;--color-focus:#1d4ed8;--color-nav-active-bg:#0a0a0a;--color-nav-active-text:#fff;--color-link:#1456f0;--color-link-pressed:#1d4ed8;--color-canvas:#fff;--color-surface:#f7f8fa;--color-surface-soft:#f2f3f5;--color-hairline:#e5e7eb;--color-hairline-soft:#eaecf0;--color-hairline-strong:#a8aab2;--color-ink-deep:#000;--color-ink:#0a0a0a;--color-charcoal:#222;--color-slate:#45515e;--color-steel:#5f5f5f;--color-stone:#8e8e93;--color-muted:#a8aab2;--color-success:#1ba673;--color-warning:#ff5530;--color-error:#d45656;--color-tag-purple-bg:#f3e8ff;--color-tag-purple-text:#7e22ce;--color-tag-orange-bg:#fff0e8;--color-tag-orange-text:#c2410c;--color-tag-mint-bg:#e8ffea;--color-tag-mint-text:#1ba673;--color-yellow-bold:#bfdbfe;--font-sans:"DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-button:9999px;--radius-card:16px;--radius-input:8px;--button-padding:11px 24px;--button-font-weight:600;--input-height:40px;--shadow-subtle:#0f0f0f0a 0 1px 2px 0;--shadow-card:#0f0f0f14 0 4px 12px 0}html[data-theme=stripe]{--color-primary:#533afd;--color-primary-pressed:#4434d4;--color-on-primary:#fff;--color-focus:#533afd;--color-nav-active-bg:#533afd1a;--color-nav-active-text:#4434d4;--color-link:#533afd;--color-link-pressed:#2e2b8c;--color-canvas:#fff;--color-surface:#f6f9fc;--color-surface-soft:#fff;--color-hairline:#e3e8ee;--color-hairline-soft:#eef2f7;--color-hairline-strong:#c7d3e0;--color-ink-deep:#0d253d;--color-ink:#0d253d;--color-charcoal:#273951;--color-slate:#64748d;--color-steel:#61718a;--color-stone:#7d8da3;--color-muted:#64748d;--color-success:#1b8f5a;--color-warning:#c26a00;--color-error:#dc2f5d;--color-tag-purple-bg:#e6e0f5;--color-tag-purple-text:#4434d4;--color-tag-orange-bg:#f5e9d4;--color-tag-orange-text:#9b6829;--color-tag-mint-bg:#e7f6ef;--color-tag-mint-text:#1b8f5a;--color-yellow-bold:#f5e9d4;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:"DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-button:9999px;--radius-card:12px;--radius-input:6px;--button-padding:8px 16px;--button-font-weight:400;--input-height:40px;--shadow-subtle:#00377014 0 1px 3px 0;--shadow-card:#00377014 0 8px 24px, #0037700a 0 2px 6px}html[data-theme=wise]{--color-primary:#9fe870;--color-primary-pressed:#cdffad;--color-on-primary:#0e0f0c;--color-focus:#2ead4b;--color-nav-active-bg:#9fe870;--color-nav-active-text:#0e0f0c;--color-link:#054d28;--color-link-pressed:#163300;--color-canvas:#fff;--color-surface:#e8ebe6;--color-surface-soft:#f3f6ef;--color-hairline:#d7ddd2;--color-hairline-soft:#e8ebe6;--color-hairline-strong:#868685;--color-ink-deep:#163300;--color-ink:#0e0f0c;--color-charcoal:#454745;--color-slate:#454745;--color-steel:#868685;--color-stone:#868685;--color-muted:#a8aab2;--color-success:#2ead4b;--color-warning:#ffd11a;--color-error:#d03238;--color-tag-purple-bg:#e2f6d5;--color-tag-purple-text:#054d28;--color-tag-orange-bg:#ffc091;--color-tag-orange-text:#4a3b1c;--color-tag-mint-bg:#e2f6d5;--color-tag-mint-text:#054d28;--color-yellow-bold:#ffd11a;--font-sans:"Wise Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:8px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-button:24px;--radius-card:24px;--radius-input:12px;--button-padding:12px 24px;--button-font-weight:600;--input-height:44px;--shadow-subtle:#0e0f0c0d 0 1px 2px 0;--shadow-card:#0e0f0c14 0 8px 18px -8px}html[data-theme=meta]{--color-primary:#0064e0;--color-primary-pressed:#0457cb;--color-on-primary:#fff;--color-focus:#1876f2;--color-nav-active-bg:#0a1317;--color-nav-active-text:#fff;--color-link:#385898;--color-link-pressed:#0457cb;--color-canvas:#fff;--color-surface:#f1f4f7;--color-surface-soft:#f7f9fb;--color-hairline:#ced0d4;--color-hairline-soft:#dee3e9;--color-hairline-strong:#8595a4;--color-ink-deep:#0a1317;--color-ink:#1c1e21;--color-charcoal:#444950;--color-slate:#4b4c4f;--color-steel:#5d6c7b;--color-stone:#8595a4;--color-muted:#bcc0c4;--color-success:#31a24c;--color-warning:#f2a918;--color-error:#e41e3f;--color-tag-purple-bg:#f7e7fb;--color-tag-purple-text:#7b179e;--color-tag-orange-bg:#fff4d5;--color-tag-orange-text:#7a4b00;--color-tag-mint-bg:#e5f9e9;--color-tag-mint-text:#216f34;--color-yellow-bold:#ffe200;--font-sans:"Optimistic VF", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-button:100px;--radius-card:32px;--radius-input:8px;--button-padding:14px 30px;--button-font-weight:700;--input-height:44px;--shadow-subtle:#14161a14 0 1px 4px 0;--shadow-card:#14161a1f 0 8px 24px -12px}html[data-theme=ferrari]{--color-primary:#da291c;--color-primary-pressed:#b01e0a;--color-on-primary:#fff;--color-focus:#da291c;--color-nav-active-bg:#da291c;--color-nav-active-text:#fff;--color-link:#fff;--color-link-pressed:#f6e500;--color-canvas:#181818;--color-surface:#303030;--color-surface-soft:#242424;--color-hairline:#303030;--color-hairline-soft:#3b3b3b;--color-hairline-strong:#666;--color-ink-deep:#fff;--color-ink:#fff;--color-charcoal:#d2d2d2;--color-slate:#969696;--color-steel:#8f8f8f;--color-stone:#666;--color-muted:#666;--color-success:#03904a;--color-warning:#f13a2c;--color-error:#f13a2c;--color-tag-purple-bg:#303030;--color-tag-purple-text:#fff;--color-tag-orange-bg:#3a211f;--color-tag-orange-text:#fff;--color-tag-mint-bg:#203428;--color-tag-mint-text:#fff;--color-yellow-bold:#f6e500;--font-sans:"FerrariSans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-button:0;--radius-card:0;--radius-input:4px;--button-padding:14px 32px;--button-font-weight:700;--input-height:48px;--shadow-subtle:#00000038 0 1px 4px 0;--shadow-card:#00000059 0 12px 28px -18px}html[data-theme=airbnb]{--color-primary:#ff385c;--color-primary-pressed:#e00b41;--color-on-primary:#fff;--color-focus:#ff385c;--color-nav-active-bg:#ff385c;--color-nav-active-text:#fff;--color-link:#222;--color-link-pressed:#e00b41;--color-canvas:#fff;--color-surface:#f7f7f7;--color-surface-soft:#fff;--color-hairline:#ddd;--color-hairline-soft:#ebebeb;--color-hairline-strong:#c1c1c1;--color-ink-deep:#222;--color-ink:#222;--color-charcoal:#3f3f3f;--color-slate:#3f3f3f;--color-steel:#6a6a6a;--color-stone:#929292;--color-muted:#929292;--color-success:#008a05;--color-warning:#c13515;--color-error:#c13515;--color-tag-purple-bg:#f6e7f0;--color-tag-purple-text:#92174d;--color-tag-orange-bg:#fff0f3;--color-tag-orange-text:#c13515;--color-tag-mint-bg:#f7f7f7;--color-tag-mint-text:#222;--color-yellow-bold:#ffd1da;--font-sans:"Airbnb Cereal VF", Circular, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-button:32px;--radius-card:14px;--radius-input:14px;--button-padding:14px 24px;--button-font-weight:500;--input-height:48px;--shadow-subtle:#00000014 0 1px 2px 0;--shadow-card:#0000001f 0 6px 18px -10px}html[data-theme=together\.ai]{--color-primary:#000;--color-primary-pressed:#313641;--color-on-primary:#fff;--color-focus:#bdbbff;--color-nav-active-bg:#c8f6f9;--color-nav-active-text:#000;--color-link:#fc4c02;--color-link-pressed:#ef2cc1;--color-canvas:#010120;--color-surface:#313641;--color-surface-soft:#11122d;--color-hairline:#ffffff1f;--color-hairline-soft:#ffffff14;--color-hairline-strong:#959494;--color-ink-deep:#fff;--color-ink:#fff;--color-charcoal:#e8e8ff;--color-slate:#c9c9d8;--color-steel:#959494;--color-stone:#959494;--color-muted:#959494;--color-success:#c8f6f9;--color-warning:#fc4c02;--color-error:#ef2cc1;--color-tag-purple-bg:#282651;--color-tag-purple-text:#bdbbff;--color-tag-orange-bg:#3b2014;--color-tag-orange-text:#ffb08e;--color-tag-mint-bg:#14383a;--color-tag-mint-text:#c8f6f9;--color-yellow-bold:#bdbbff;--font-sans:"The Future", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:3px;--radius-sm:4px;--radius-md:8px;--radius-lg:8px;--radius-button:4px;--radius-card:4px;--radius-input:4px;--button-padding:8px 24px;--button-font-weight:500;--input-height:40px;--shadow-subtle:#0000003d 0 1px 2px 0;--shadow-card:#00000052 0 10px 24px -18px}html[data-theme=warp]{--color-primary:#f7f5f0;--color-primary-pressed:#dad2c1;--color-on-primary:#2b2622;--color-focus:#f7f5f0;--color-nav-active-bg:#f7f5f0;--color-nav-active-text:#2b2622;--color-link:#f7f5f0;--color-link-pressed:#dad2c1;--color-canvas:#2b2622;--color-surface:#383330;--color-surface-soft:#332e2a;--color-hairline:#3f3a36;--color-hairline-soft:#383330;--color-hairline-strong:#aea69c;--color-ink-deep:#f7f5f0;--color-ink:#f7f5f0;--color-charcoal:#dad2c1;--color-slate:#c9c0ad;--color-steel:#aea69c;--color-stone:#aea69c;--color-muted:#8f877d;--color-success:#dad2c1;--color-warning:#c9c0ad;--color-error:#f08a7c;--color-tag-purple-bg:#383330;--color-tag-purple-text:#f7f5f0;--color-tag-orange-bg:#463a32;--color-tag-orange-text:#dad2c1;--color-tag-mint-bg:#343c38;--color-tag-mint-text:#dad2c1;--color-yellow-bold:#dad2c1;--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;--font-display:var(--font-sans);--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-button:3px;--radius-card:4px;--radius-input:3px;--button-padding:8px 16px;--button-font-weight:500;--input-height:40px;--shadow-subtle:#00000038 0 1px 2px 0;--shadow-card:#00000052 0 10px 24px -18px}html[data-theme=default] .app-container{background-image:radial-gradient(circle at 10% 20%,#a78bfa0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#22d3ee0d 0%,#0000 40%);background-size:cover}html[data-theme=default] .logo-title{background:linear-gradient(135deg, var(--color-primary), var(--color-link));-webkit-text-fill-color:transparent;color:#0000;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text;font-weight:800}html[data-theme=default] .detail-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0f172a66}html[data-theme=default] .glass-card{background:var(--color-surface);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);box-shadow:var(--shadow-subtle)}html[data-theme=default] .glass-card:hover{box-shadow:var(--shadow-card);background:#ffffff12;transform:translateY(-2px)}html[data-theme=default] .textarea-field,html[data-theme=default] .input-field,html[data-theme=default] .theme-select{border-color:var(--color-hairline);background-color:#0003}html[data-theme=default] .textarea-field:focus,html[data-theme=default] .input-field:focus,html[data-theme=default] .theme-select:focus{border-color:var(--color-primary);background-color:#0000004d;box-shadow:0 0 0 3px #a78bfa26}html[data-theme=default] .btn{transition:var(--transition-smooth)}html[data-theme=default] .btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-link) 100%);border-color:#0000;box-shadow:0 4px 15px #a78bfa4d}html[data-theme=default] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-link) 100%);filter:brightness(1.1);border-color:#0000;transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa80}html[data-theme=default] .btn-secondary{color:var(--color-ink);border-color:var(--color-hairline);background:#ffffff0d}html[data-theme=default] .btn-secondary:hover:not(:disabled){border-color:var(--color-hairline-strong);background:#ffffff1a}html[data-theme=default] .comment-item,html[data-theme=default] .tag-count{background:#ffffff08}html[data-theme=stripe] .app-container{background-color:var(--color-canvas);background-image:radial-gradient(circle at 10% 0,#f5e9d4f2 0%,#f5e9d400 24%),radial-gradient(circle at 30% 8%,#ffd6aab3 0%,#ffd6aa00 22%),radial-gradient(circle at 52% 4%,#d6d0ffd9 0%,#d6d0ff00 24%),radial-gradient(circle at 74% 10%,#533afdb3 0%,#533afd00 24%),radial-gradient(circle at 90% 6%,#ea22618c 0%,#ea226100 20%);background-repeat:no-repeat;background-size:cover}html[data-theme=stripe] .logo-title{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.04em;font-size:24px;font-weight:300}html[data-theme=stripe] .sidebar{border-right-color:var(--color-hairline);background:#ffffffe6}html[data-theme=stripe] .detail-panel{--color-ink-deep:#fff;--color-ink:#fff;--color-charcoal:#ffffffdb;--color-slate:#ffffffbd;--color-steel:#ffffff9e;--color-stone:#ffffff80;--color-muted:#ffffff80;--color-hairline:#ffffff1f;--color-hairline-strong:#fff3;--color-surface:#ffffff14;--color-surface-soft:#ffffff0f;--color-canvas:#ffffff0f;--color-link:#c9c3ff;--color-link-pressed:#fff;color:var(--color-ink);background:#1c1e54;border-left-color:#ffffff14}html[data-theme=stripe] .glass-card{background:var(--color-canvas);box-shadow:var(--shadow-subtle)}html[data-theme=stripe] .glass-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}html[data-theme=stripe] .btn-primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 6px 16px #533afd33}html[data-theme=stripe] .btn-primary:hover:not(:disabled){background:var(--color-primary-pressed);border-color:var(--color-primary-pressed);box-shadow:0 8px 20px #533afd4d}html[data-theme=stripe] .btn-secondary{border-color:var(--color-hairline-strong);background:#fff}html[data-theme=stripe] .btn-secondary:hover:not(:disabled){background:var(--color-surface)}html[data-theme=stripe] .textarea-field,html[data-theme=stripe] .input-field{border-color:var(--color-hairline-strong);background:#fff}html[data-theme=stripe] .detail-panel .textarea-field,html[data-theme=stripe] .detail-panel .input-field{color:#fff;background:#ffffff0f;border-color:#ffffff24}html[data-theme=stripe] .detail-panel .textarea-field::placeholder,html[data-theme=stripe] .detail-panel .input-field::placeholder{color:#ffffff8c}html[data-theme=stripe] .textarea-field:focus,html[data-theme=stripe] .input-field:focus,html[data-theme=stripe] .theme-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #533afd24}html[data-theme=stripe] .theme-select,html[data-theme=stripe] .theme-select:hover{background-color:#fff}html[data-theme=stripe] .tag-menu-item.active{color:var(--color-primary-pressed);background:#533afd1a;border-color:#533afd1a}html[data-theme=stripe] .timeline-card.selected{border-color:#533afd59;box-shadow:0 0 0 1px #533afd59}html[data-theme=stripe] .timeline-node{border-color:var(--color-primary)}html[data-theme=stripe] .timeline-item.selected .timeline-node{background:var(--color-primary)}html[data-theme=stripe] .tag-badge{background:var(--color-tag-purple-bg);color:var(--color-tag-purple-text)}html[data-theme=stripe] .tag-badge.primary{background:var(--color-tag-orange-bg);color:var(--color-tag-orange-text)}*{box-sizing:border-box}html{background:var(--color-canvas)}body{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);background-clip:content-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-stone)}.app-container{background:var(--color-canvas);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;width:var(--sidebar-width);padding:var(--space-xl) var(--space-lg);background:var(--color-surface-soft);border-right:1px solid var(--color-hairline);flex-direction:column;display:flex}.logo-section{margin-bottom:var(--space-xxl)}.logo-title{color:var(--color-ink-deep);margin:0;font-size:22px;font-weight:600;line-height:1.3}.main-content{background:var(--color-canvas);flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.timeline-section{min-width:0;height:100%;padding:var(--space-xxl);background:var(--color-canvas);flex-direction:column;flex:1;display:flex;overflow-y:auto}.detail-panel{z-index:5;width:450px;height:100%;padding:var(--space-xxl) var(--space-xl);background:var(--color-surface-soft);border-left:1px solid var(--color-hairline);flex-direction:column;display:flex;overflow-y:auto}.glass-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast)}.glass-card:hover{background:var(--color-canvas);border-color:var(--color-hairline-strong);box-shadow:var(--shadow-subtle)}.input-group{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.textarea-field,.input-field{width:100%;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none}.textarea-field{min-height:120px;padding:var(--space-sm) var(--space-md);resize:vertical;font-size:16px;line-height:1.55}.input-field{height:var(--input-height);padding:var(--space-sm) var(--space-md);font-size:16px;line-height:1.3}.textarea-field::placeholder,.input-field::placeholder{color:var(--color-muted)}.textarea-field:focus,.input-field:focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus);background:var(--color-canvas)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:40px;padding:var(--button-padding);border-radius:var(--radius-button);cursor:pointer;font-size:14px;font-weight:var(--button-font-weight);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;line-height:1.3;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;background:var(--color-hairline);border-color:var(--color-hairline);color:var(--color-muted);box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-pressed);border-color:var(--color-primary-pressed)}.btn-secondary{color:var(--color-ink);border-color:var(--color-hairline-strong);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-surface)}.btn-danger{color:var(--color-error);background:0 0;border-color:#e0313159}.btn-danger:hover:not(:disabled){background:#e0313114}.timeline-container{margin-top:var(--space-md);padding-left:var(--space-xxl);flex-direction:column;display:flex;position:relative}.timeline-container:before{content:"";background:var(--color-hairline-strong);width:1px;position:absolute;top:10px;bottom:10px;left:8px}.timeline-item{margin-bottom:var(--space-md);position:relative}.timeline-node{z-index:2;background:var(--color-canvas);border:2px solid var(--color-primary);width:12px;height:12px;transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:18px;left:-30px}.timeline-item.selected .timeline-node{background:var(--color-primary)}.timeline-card{cursor:pointer}.timeline-card.selected{background:var(--color-surface);border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus)}.card-header{margin-bottom:var(--space-sm);color:var(--color-slate);justify-content:space-between;align-items:center;font-size:13px;display:flex}.time-stamp{color:var(--color-steel);font-size:13px;font-weight:500}.card-actions{gap:var(--space-xs);display:flex}.memo-preview{margin-bottom:var(--space-md);color:var(--color-charcoal);text-overflow:ellipsis;white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.icon-btn{min-width:32px;min-height:32px;padding:var(--space-xs);color:var(--color-steel);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--color-ink);background:var(--color-surface)}.icon-btn:focus-visible,.btn:focus-visible,.tag-menu-item:focus-visible,.date-group-header:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-btn.danger-hover:hover{color:var(--color-error);background:#e0313114}.tag-container{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tag-badge{align-items:center;gap:var(--space-xxs);color:var(--color-tag-purple-text);background:var(--color-tag-purple-bg);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);border:0;padding:2px 8px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.tag-badge.primary{color:var(--color-tag-orange-text);background:var(--color-tag-orange-bg)}.tag-badge-remove{cursor:pointer;opacity:.6}.tag-badge-remove:hover{color:var(--color-error);opacity:1}.tag-menu-list{gap:var(--space-xxs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tag-menu-item{min-height:40px;padding:var(--space-xs) var(--space-sm);color:var(--color-slate);border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.tag-menu-item:hover{color:var(--color-ink);background:var(--color-surface)}.tag-menu-item.active{color:var(--color-nav-active-text);background:var(--color-nav-active-bg);border-color:var(--color-nav-active-bg)}.tag-count{color:var(--color-steel);background:var(--color-surface);border-radius:var(--radius-xs);padding:2px 6px;font-size:12px}.comments-section{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}.comment-list{gap:var(--space-sm);max-height:350px;padding:0 var(--space-xxs) 0 0;flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.comment-item{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-card);flex-direction:column;display:flex}.comment-meta{color:var(--color-steel);justify-content:space-between;align-items:center;font-size:13px;display:flex}.comment-content{color:var(--color-charcoal);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.comment-link{color:var(--color-link);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.comment-link:hover{color:var(--color-link-pressed)}.comment-edit-box{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.empty-placeholder{padding:var(--space-xxl);color:var(--color-steel);text-align:center;background:var(--color-surface-soft);border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-card);font-size:14px}.star-btn{color:var(--color-stone)}.star-btn:hover,.star-btn.starred{color:var(--color-warning)}.error-banner{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xl);color:var(--color-error);border-radius:var(--radius-input);background:#e0313114;border:1px solid #e0313159;font-size:14px;display:flex}.sidebar-section-title{margin:0 0 var(--space-xs);color:var(--color-stone);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.4}.sidebar-section-row{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.user-filter-item{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.user-filter-name{text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:160px;overflow:hidden}.user-filter-actions{gap:var(--space-xxs);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:flex}.user-filter-item:hover .user-filter-actions,.user-filter-item:focus-within .user-filter-actions{opacity:1}.sidebar-theme-section{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-hairline)}.theme-select{width:100%;height:var(--input-height);padding:0 36px 0 var(--space-md);color:var(--color-ink);background-color:var(--color-canvas);background-image:linear-gradient(45deg, transparent 50%, var(--color-steel) 50%), linear-gradient(135deg, var(--color-steel) 50%, transparent 50%);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-input);cursor:pointer;font-size:14px;font-weight:var(--button-font-weight);appearance:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;line-height:1.4}.theme-select:hover{background-color:var(--color-surface-soft)}.theme-select:focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus);outline:none}.theme-select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.theme-select option{color:var(--color-ink);background:var(--color-canvas)}.modal-overlay{z-index:200;padding:var(--space-md);background:#00000052;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:400px;max-height:80vh;padding:var(--space-xl);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);flex-direction:column;display:flex}.modal-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--color-ink);margin:0;font-size:18px;font-weight:600;line-height:1.4}.modal-tag-list{max-height:220px;padding:var(--space-xs);margin-bottom:var(--space-md);border:1px solid var(--color-hairline);border-radius:var(--radius-input);flex:1;overflow-y:auto}.modal-tag-row{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-charcoal);transition:background var(--transition-fast);font-size:14px;display:flex}.modal-tag-row:hover{background:var(--color-surface)}.modal-tag-row input[type=checkbox]{accent-color:var(--color-primary)}.modal-footer{justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.mobile-header{z-index:150;align-items:center;gap:var(--space-sm);height:56px;padding:0 var(--space-md);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);display:none;position:fixed;top:0;left:0;right:0}.mobile-title{color:var(--color-ink-deep);font-size:18px;font-weight:600}.mobile-menu-btn{padding:var(--space-xs)}.date-separator{align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;color:var(--color-steel);font-size:13px;font-weight:600;display:flex}.date-separator:after{content:"";background:var(--color-hairline);flex:1;height:1px}.date-separator-label{white-space:nowrap;flex-shrink:0}.timeline-container-tree{gap:var(--space-xs);margin-top:var(--space-md);flex-direction:column;display:flex}.date-group{flex-direction:column;display:flex}.date-group-header{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-ink);text-align:left;background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);font-size:14px;font-weight:600;display:flex}.date-group-header:hover{background:var(--color-surface-soft);border-color:var(--color-hairline-strong)}.date-group-arrow{color:var(--color-primary);flex-shrink:0;font-size:12px}.date-group-label{color:var(--color-charcoal);flex:1}.date-group-count{color:var(--color-on-primary);background:var(--color-primary);border-radius:9999px;flex-shrink:0;padding:2px 8px;font-size:13px;font-weight:600}.date-group-items{gap:var(--space-xs);padding:var(--space-xs) 0 var(--space-xs) var(--space-xl);margin-top:var(--space-xxs);margin-left:var(--space-md);border-left:1px solid var(--color-hairline-strong);flex-direction:column;display:flex}.timeline-item-tree{position:relative}.timeline-item-tree:before{top:50%;left:calc(-1 * var(--space-xl));width:var(--space-md);content:"";background:var(--color-hairline-strong);height:1px;position:absolute}.comment-count-badge{align-items:center;gap:var(--space-xxs);color:var(--color-tag-mint-text);background:var(--color-tag-mint-bg);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 6px;font-size:13px;font-weight:600;display:inline-flex}.view-toggle-btn{padding:var(--space-xs);border-radius:var(--radius-sm)}.view-toggle-btn:hover{color:var(--color-primary);background:var(--color-tag-purple-bg)}@media (width<=600px){.mobile-header{display:flex}.app-container{flex-direction:column;padding-top:56px}.sidebar{z-index:100;height:calc(100vh - 56px);transition:transform .22s;position:fixed;top:56px;left:-280px;overflow-y:auto}.sidebar.open{transform:translate(280px)}.sidebar-overlay{z-index:99;background:#0000003d;position:fixed;inset:0}.main-content{min-height:0}.timeline-section{padding:var(--space-md)}.detail-panel{z-index:101;background:var(--color-canvas);width:100%;height:calc(100vh - 56px);transition:right .22s;position:fixed;top:56px;right:-100%}.detail-panel.active{right:0}.timeline-container{padding-left:var(--space-xl)}.timeline-node{left:-22px}.tag-badge{min-height:32px;padding:4px 10px}.btn,.input-field{min-height:44px}}@media (width>=601px) and (width<=992px){.mobile-header{display:none}.sidebar{display:flex;position:relative;left:0;transform:none!important}.sidebar-overlay{display:none!important}.detail-panel{z-index:101;background:var(--color-canvas);width:450px;height:100vh;box-shadow:var(--shadow-modal);transition:right .22s;position:fixed;top:0;right:-450px}.detail-panel.active{right:0}.timeline-section{padding:var(--space-xl)}}@media (width>=993px){.mobile-header{display:none}.sidebar{display:flex;position:relative;left:0;transform:none!important}.sidebar-overlay{display:none!important}.detail-panel{width:450px;display:flex;position:relative;right:0}}