*{box-sizing:border-box}html{background:var(--tz-canvas);color:var(--tz-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}body{margin:0;background:var(--tz-canvas);color:var(--tz-text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--tz-accent)}button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:11px 18px;min-height:44px;background:var(--tz-accent);color:var(--tz-on-accent);font-weight:650;cursor:pointer}button.secondary{background:var(--tz-surface);border-color:var(--tz-line);color:var(--tz-text)}button:hover{filter:brightness(.97)}:focus-visible{outline:3px solid var(--tz-accent);outline-offset:3px}input,select,textarea{width:100%;border:1px solid var(--tz-line);border-radius:8px;background:var(--tz-field);color:var(--tz-text);min-height:44px;padding:10px 12px}input[type=radio],input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--tz-accent);flex-shrink:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--tz-accent);color:var(--tz-on-accent);padding:12px;border-radius:8px}.skip-link:focus{top:12px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:252px;display:flex;flex-direction:column;gap:20px;background:var(--tz-sidebar);border-right:1px solid var(--tz-line);padding:24px 16px;z-index:30}.brand{display:flex;gap:11px;align-items:center;color:var(--tz-text);font-size:23px;letter-spacing:-.7px;font-weight:750;text-decoration:none;padding:0 6px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.3px;color:var(--tz-muted)}.brand-mark{display:grid;place-items:center;background:var(--tz-accent);color:var(--tz-on-accent);width:39px;height:39px;border-radius:12px;font-size:23px;letter-spacing:-1px}.company-label{font-size:12px;font-weight:650;color:var(--tz-muted);padding:12px;border:1px solid var(--tz-line);border-radius:9px;overflow-wrap:anywhere}.app-sidebar nav{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.nav-group{margin:0 0 20px}.nav-group h2{font-size:10px;color:var(--tz-muted);letter-spacing:1.2px;margin:0 12px 7px;text-transform:uppercase}.nav-group a{display:block;color:var(--tz-muted);text-decoration:none;border-radius:8px;padding:10px 12px;margin:3px 0;font-size:13px;font-weight:550}.nav-group a[aria-current=page]{background:var(--tz-selected);color:var(--tz-on-selected);font-weight:700;box-shadow:inset 3px 0 var(--tz-accent)}.nav-group a:hover{background:var(--tz-selected);color:var(--tz-on-selected)}.sidebar-account{border-top:1px solid var(--tz-line);padding:16px 10px 0;font-size:12px}.sidebar-account strong,.sidebar-account span{display:block;overflow-wrap:anywhere}.sidebar-account span{color:var(--tz-muted);font-size:11px}.app-workspace{margin-left:252px;min-width:0}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:76px;padding:16px 32px;border-bottom:1px solid var(--tz-line);background:var(--tz-sidebar);font-size:13px;font-weight:650}.app-header>div{display:flex;gap:12px;align-items:center}.brand-caption{color:var(--tz-muted);font-size:11px;font-weight:500}main{padding:28px 32px 40px;max-width:1540px;margin:auto}h1{font-size:clamp(25px,2.6vw,34px);line-height:1.2;letter-spacing:-1px;margin:5px 0 12px}h2{font-size:19px;letter-spacing:-.3px;line-height:1.35;margin:0 0 12px}p{margin:0 0 16px}.muted{color:var(--tz-muted);font-size:13px}.eyebrow{color:var(--tz-accent);font-size:10px;letter-spacing:1.4px;font-weight:750;margin:0 0 9px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:22px 0 26px}.heading p{margin-bottom:0}.card{background:var(--tz-surface);border:1px solid var(--tz-line);border-radius:14px;padding:25px;min-width:0;margin-bottom:20px;box-shadow:0 2px 8px #00000003}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-heading h2{margin:0}.badge{display:inline-flex;font-size:10px;line-height:1.4;padding:6px 9px;border-radius:6px;font-weight:700;white-space:nowrap}.badge.info,.preview-banner{background:var(--tz-info-bg);color:var(--tz-info-text)}.badge.warning{background:var(--tz-warning-bg);color:var(--tz-warning-text)}.badge.success{background:var(--tz-success-bg);color:var(--tz-success-text)}.badge.danger{background:var(--tz-danger-bg);color:var(--tz-danger-text)}.preview-banner{padding:11px 15px;border-radius:8px;font-size:12px;margin-bottom:23px}.two-columns{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:22px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.palette-choice{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--tz-line);border-radius:10px;color:var(--tz-text);font-size:12px;font-weight:600;cursor:pointer;min-height:68px}.palette-choice:has(input:checked){border-color:var(--tz-accent);background:var(--tz-selected);color:var(--tz-on-selected)}.palette-swatch{display:flex;width:44px;height:23px;border-radius:6px;overflow:hidden;flex-shrink:0}.palette-swatch i{flex:1}.swatch-navy-teal i:first-child{background:#0c2340}.swatch-navy-teal i:nth-child(2){background:#0f766e}.swatch-navy-teal i:last-child{background:#5eead4}.swatch-forest i:first-child{background:#153d29}.swatch-forest i:nth-child(2){background:#236443}.swatch-forest i:last-child{background:#86d5a2}.swatch-petrol i:first-child{background:#123947}.swatch-petrol i:nth-child(2){background:#075e75}.swatch-petrol i:last-child{background:#67d4e8}.swatch-graphite i:first-child{background:#111827}.swatch-graphite i:nth-child(2){background:#374151}.swatch-graphite i:last-child{background:#c4cbd4}fieldset{border:0;padding:0;margin:22px 0;min-width:0}legend{font-size:12px;font-weight:700;margin-bottom:12px}.tone-options{display:flex;gap:12px}.tone-options label{display:flex;align-items:center;gap:10px;min-width:110px;border:1px solid var(--tz-line);padding:12px;border-radius:8px;font-size:13px}.tone-options label:has(input:checked){border-color:var(--tz-accent);background:var(--tz-selected);color:var(--tz-on-selected)}.actions{display:flex;gap:10px;flex-wrap:wrap}.form-status{margin:15px 0 0;min-height:21px}.weather-card{text-align:left}.weather-symbol{font-size:55px;line-height:1;color:var(--tz-muted);margin:24px 0}.weather-card strong{display:block;font-size:16px;margin-bottom:10px}footer{padding:0 32px 22px;color:var(--tz-muted);font-size:11px}.nav-scrim,.menu-toggle,.mobile-close{display:none}[hidden]{display:none!important}@media(max-width:1100px){main{padding:24px}.two-columns{grid-template-columns:1fr}.weather-card{display:grid;grid-template-columns:1fr auto;align-items:center}.weather-card>*{grid-column:1}.weather-card .weather-symbol{grid-column:2;grid-row:1/5;margin:0 0 0 20px}.weather-card p:last-child{max-width:450px}}@media(max-width:900px){.app-sidebar{transform:translateX(-100%);visibility:hidden;width:min(290px,85vw);transition:transform .18s ease}.menu-open .app-sidebar{transform:translateX(0);visibility:visible}.app-workspace{margin-left:0}.app-header{padding:14px 20px;min-height:68px}.menu-toggle,.mobile-close{display:inline-flex}.menu-toggle{padding:7px 10px;font-size:13px}.menu-open .nav-scrim{display:block;position:fixed;inset:0;z-index:20;background:#02061799;border:0;border-radius:0}.menu-open{overflow:hidden}main{padding:18px 20px}.heading{margin:16px 0 22px}.brand-caption{display:none}footer{padding:0 20px 24px}}@media(max-width:480px){.card{padding:19px;border-radius:12px}.section-heading{align-items:start;flex-direction:column;gap:8px}.palette-grid{grid-template-columns:1fr}.palette-choice{min-height:60px}.tone-options{display:grid;grid-template-columns:1fr 1fr}.tone-options label{min-width:0}.actions>button{width:100%}.weather-card{display:block}.weather-card .weather-symbol{margin:16px 0}.two-columns{gap:0}.preview-banner{font-size:11px}main{padding:16px}.app-header{padding:12px 16px}h1{letter-spacing:-.6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{.app-sidebar,.app-header,button,.preview-banner{display:none!important}.app-workspace{margin:0}main{padding:0}.card{box-shadow:none;break-inside:avoid}html,body{background:#fff;color:#000}}

/* FideTakip parity: dark sidebar, collapsible groups, header actions, calculator, collapsed rail. */
.app-sidebar{background:#0b1f3a;color:#cbd5e1;border-right:1px solid #1e293b}
.app-sidebar .brand{color:#f8fafc;border-bottom-color:#1e293b}
.app-sidebar .brand small{color:#94a3b8}
.app-sidebar .brand-mark{background:#1e293b;border-color:#334155;color:#34d399}
.app-sidebar .company-label{background:#0f2440;border-color:#1e293b;color:#94a3b8}
.app-sidebar .nav-group h2{color:#64748b}
.nav-group h2{margin-bottom:2px}
.nav-group-toggle{all:unset;display:flex;align-items:center;gap:8px;width:100%;font:inherit;font-weight:650;color:inherit;cursor:pointer}
.nav-group-toggle:focus-visible{outline:2px solid #34d399;border-radius:6px}
.nav-group-arrow{margin-left:auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #64748b;transition:transform .15s}
.nav-group.closed .nav-group-arrow{transform:rotate(-90deg)}
.nav-group.closed .nav-group-items{display:none}
.app-sidebar .nav-group a{color:#94a3b8}
.app-sidebar .nav-group a::before{border-color:#475569;background:#0b1f3a}
.app-sidebar .nav-group a::after{background:#1e293b}
.app-sidebar .nav-group a[aria-current=page]{background:#10b981;color:#052e22}
.app-sidebar .nav-group a[aria-current=page]::before{border-color:#052e22;background:#052e22}
.app-sidebar .nav-group a:hover{background:#12294a;color:#e2e8f0}
.sidebar-tools{display:flex;gap:4px;padding:10px 12px;border-top:1px solid #1e293b}
.side-tool{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid transparent;background:transparent;color:#94a3b8;font-size:12px;font-weight:600;border-radius:8px;text-decoration:none;cursor:pointer;min-height:0}
.side-tool:hover{color:#e2e8f0;background:#12294a}
.side-tool-ico{font-size:13px}
.sidebar-account{background:#0f2440;border-color:#1e293b;color:#e2e8f0}
.sidebar-account span{color:#64748b}
.sidebar-account-tools{margin-left:auto}
.sidebar-account-tools button{all:unset;cursor:pointer;font-size:15px;color:#94a3b8;padding:6px;border-radius:8px;min-height:0}
.sidebar-account-tools button:hover{color:#fbbf24;background:#12294a}
.header-actions{display:flex;gap:8px;align-items:center}
.header-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;min-height:36px;border-radius:18px;border:1px solid var(--tz-line);background:var(--tz-surface);color:var(--tz-text);text-decoration:none;font-size:12.5px;font-weight:650;white-space:nowrap}
.header-action:hover{border-color:var(--tz-accent);filter:none}
.header-bell{font-size:15px;padding:8px 12px}
.header-title{font-size:15px}
body.nav-collapsed .app-sidebar{width:64px}
body.nav-collapsed .brand>span:last-child,body.nav-collapsed .company-label,body.nav-collapsed .nav-group h2,body.nav-collapsed .nav-group a,body.nav-collapsed .side-tool:not([data-nav-collapse]),body.nav-collapsed .sidebar-account>strong,body.nav-collapsed .sidebar-account>span{display:none}
body.nav-collapsed .nav-group-items{display:block}
body.nav-collapsed .nav-group a::after{display:none}
body.nav-collapsed .app-workspace{margin-left:64px}
body.nav-collapsed .sidebar-account{justify-content:center}
.calc-fab{position:fixed;right:22px;bottom:22px;z-index:45;width:52px;height:52px;min-height:0;border-radius:50%;border:0;background:#10b981;color:#052e22;font-size:22px;box-shadow:0 6px 20px #0004;display:grid;place-items:center;padding:0}
.calc-fab:hover{filter:brightness(1.08)}
.calc-panel{position:fixed;right:22px;bottom:84px;z-index:46;width:262px;background:var(--tz-surface);border:1px solid var(--tz-line);border-radius:16px;box-shadow:0 14px 40px #0005;padding:12px}
.calc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.calc-head strong{font-size:13px}
.calc-head button{all:unset;cursor:pointer;font-size:18px;color:var(--tz-muted);padding:2px 8px;min-height:0}
.calc-display{display:block;width:100%;min-height:52px;padding:10px 12px;border:1px solid var(--tz-line);border-radius:10px;background:var(--tz-field);font-size:24px;font-weight:650;text-align:right;overflow:hidden;white-space:nowrap}
.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.calc-keys button{min-height:44px;padding:0;border-radius:10px;font-size:17px;background:var(--tz-field);color:var(--tz-text);border:1px solid var(--tz-line)}
.calc-keys button[data-calc-key="="]{background:#10b981;color:#052e22;font-weight:750}
.calc-keys button[data-calc-key="C"]{color:#dc2626}
@media(max-width:900px){.header-actions .header-action:not(.header-bell){display:none}body.nav-collapsed .app-sidebar{width:min(290px,85vw)}body.nav-collapsed .brand>span:last-child,body.nav-collapsed .company-label,body.nav-collapsed .nav-group h2,body.nav-collapsed .nav-group a,body.nav-collapsed .side-tool,body.nav-collapsed .sidebar-account>strong,body.nav-collapsed .sidebar-account>span{display:revert}body.nav-collapsed .app-workspace{margin-left:0}.calc-fab{right:16px;bottom:16px}.calc-panel{right:12px;left:12px;width:auto;bottom:78px}}
.header-clock{display:flex;flex-direction:column;align-items:flex-end;min-height:36px;justify-content:center;padding:4px 12px;border-radius:14px;border:1px solid var(--tz-line);background:var(--tz-surface)}
.header-clock strong{font-size:13px;line-height:1.2}
.header-clock small{font-size:10px;color:var(--tz-muted)}
@media(max-width:900px){.header-clock{display:none!important}}
.kbd-overlay{position:fixed;inset:0;z-index:60;background:#0008;display:grid;place-items:center;padding:16px}
.kbd-card{background:var(--tz-surface);border:1px solid var(--tz-line);border-radius:16px;max-width:520px;width:100%;max-height:80vh;overflow:auto;padding:16px}
.kbd-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.kbd-head button{all:unset;cursor:pointer;font-size:20px;min-height:0;padding:2px 10px}
.kbd-card kbd{background:var(--tz-field);border:1px solid var(--tz-line);border-radius:6px;padding:2px 8px;font-size:12px}
.kbd-card td{padding:6px 8px;font-size:13px}
.fide-guide .guide-title{margin-bottom:12px}
.fide-guide .guide-search{display:flex;gap:8px;margin-bottom:10px}
.fide-guide .guide-search input{flex:1}
.fide-guide .guide-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.fide-guide .guide-categories a{padding:6px 12px;border-radius:14px;border:1px solid var(--tz-line);text-decoration:none;font-size:12.5px}
.fide-guide .guide-categories a[aria-current=page]{background:var(--tz-accent);color:var(--tz-accent-ink,#fff)}
.fide-guide .guide-panels{display:grid;grid-template-columns:240px 1fr;gap:0;padding:0;overflow:hidden}
.fide-guide .guide-topics{border-right:1px solid var(--tz-line);max-height:60vh;overflow:auto;padding:8px}
.fide-guide .guide-topics a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:13px}
.fide-guide .guide-topics a[aria-current=page]{background:var(--tz-field)}
.fide-guide .guide-content{padding:16px}
@media(max-width:700px){.fide-guide .guide-panels{grid-template-columns:1fr}.fide-guide .guide-topics{border-right:0;border-bottom:1px solid var(--tz-line);max-height:200px}}