:root{--akira-heritage-red: #D92028}:root{--color-bg: #0A0A0A;--color-card: #141418;--color-surface: #1F1F25;--color-text-primary: #F5F5F5;--color-text-muted: #C1C1CF;--color-accent: #D92028;--color-border: #27272E}[data-theme=akira-dark]{--color-bg: #0B0B0C;--color-card: #111114;--color-surface: #1A1A1F;--color-text-primary: #F5F5F5;--color-text-muted: #C1C1CF;--color-accent: #EC4899;--color-border: #1F1F23}[data-theme=midnight]{--color-bg: #09090B;--color-card: #121217;--color-surface: #1E1E24;--color-text-primary: #FAFAFA;--color-text-muted: #C1C1CF;--color-accent: #8B5CF6;--color-border: #27272A}[data-theme=forest]{--color-bg: #1C211C;--color-card: #252B25;--color-surface: #2D342D;--color-text-primary: #E6EEE6;--color-text-muted: #9CA3AF;--color-accent: #22C55E;--color-border: #374151}[data-theme=coral-dark]{--color-bg: #140D0B;--color-card: #1F1512;--color-surface: #2B1D19;--color-text-primary: #FFF0EC;--color-text-muted: #A38C85;--color-accent: #F97316;--color-border: #3D2A25}[data-theme=ocean]{--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-surface: #F1F5F9;--color-text-primary: #0F172A;--color-text-muted: #64748B;--color-accent: #0EA5E9;--color-border: #E2E8F0}[data-theme=coral]{--color-bg: #FFFBF9;--color-card: #FFFFFF;--color-surface: #FEF1EC;--color-text-primary: #2D1B14;--color-text-muted: #8C736A;--color-accent: #F97316;--color-border: #F3E6E1}:root{--radius-card: 14px;--radius-base: 10px;--radius-bar: 6px;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .25), 0 8px 10px -6px rgba(0, 0, 0, .15);--border-thickness: 1px}[data-style=material]{--radius-card: 8px;--radius-base: 4px;--radius-bar: 4px;--shadow-card: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.25);--border-thickness: 0px}[data-style=flat]{--radius-card: 0px;--radius-base: 0px;--radius-bar: 0px;--shadow-card: 6px 6px 0px var(--color-border);--border-thickness: 2px}.akira-themed{transition:background-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),fill .35s cubic-bezier(.4,0,.2,1),stroke .35s cubic-bezier(.4,0,.2,1),border-radius .35s cubic-bezier(.4,0,.2,1),border-width .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.akira-app{box-sizing:border-box;background:var(--color-bg);color:var(--color-text-primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.akira-app *,.akira-app *:before,.akira-app *:after{box-sizing:border-box}.akira-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.akira-shell-main{display:flex;flex-direction:column;min-width:0}.akira-shell-content{flex:1;padding:24px 32px;overflow-y:auto}.akira-rail{background:var(--color-card);border-right:var(--border-thickness) solid var(--color-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.akira-rail-header{padding:18px 18px 12px;border-bottom:var(--border-thickness) solid var(--color-border)}.akira-rail-brand{font-weight:800;font-size:16px;letter-spacing:.24em;color:var(--color-text-primary)}.akira-rail-brand-accent{color:var(--color-text-muted);opacity:.6;font-weight:800}.akira-rail-brand-sub{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);margin-top:2px}.akira-rail-body{flex:1;overflow-y:auto;padding:12px 8px}.akira-rail-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);font-weight:700;padding:12px 12px 6px}.akira-rail-footer{border-top:var(--border-thickness) solid var(--color-border);padding:12px;font-size:12px;color:var(--color-text-muted)}.akira-rail-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-base);color:var(--color-text-muted);font-size:13px;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;background:transparent;border:0;width:100%;text-align:left;font-family:inherit}.akira-rail-link:hover,.akira-rail-link.is-active{background:var(--color-surface);color:var(--color-text-primary)}.akira-rail-link .akira-rail-link-dot{width:6px;height:6px;border-radius:999px;background:var(--color-text-muted);opacity:.6;flex-shrink:0}.akira-rail-link.is-active .akira-rail-link-dot{background:var(--akira-heritage-red);opacity:1}.akira-rail-link .akira-rail-link-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.akira-rail-link .akira-rail-link-label{flex:1}.akira-rail-link .akira-rail-link-count{font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.04em;color:var(--color-text-muted);opacity:.7;flex-shrink:0}.akira-rail-link.is-active .akira-rail-link-count{color:var(--color-text-primary);opacity:1}.akira-topbar{background:var(--color-card);border-bottom:var(--border-thickness) solid var(--color-border);display:flex;align-items:center;gap:16px;padding:12px 24px;position:sticky;top:0;z-index:50}.akira-topbar-name{font-weight:700;font-size:14px;color:var(--color-text-primary);letter-spacing:.02em}.akira-topbar-spacer{flex:1}.akira-topbar-sep{width:1px;align-self:stretch;background:var(--color-border);margin:0 4px}.akira-search{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:var(--border-thickness) solid var(--color-border);border-radius:var(--radius-base);padding:6px 12px;min-width:280px;max-width:480px;flex:1;color:var(--color-text-muted)}.akira-search input{flex:1;background:transparent;border:0;outline:0;color:var(--color-text-primary);font-size:13px;font-family:inherit}.akira-search input::placeholder{color:var(--color-text-muted)}.akira-icon-btn{background:var(--color-surface);border:var(--border-thickness) solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-primary);padding:6px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;font-size:12px}.akira-icon-btn:hover{background:var(--color-card)}.akira-avatar-btn{background:transparent;border:0;padding:0;cursor:pointer}.akira-avatar{width:32px;height:32px;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em}.akira-impersonation{background:#facc15;color:#1a1a0a;padding:8px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px}.akira-impersonation-spacer{flex:1}.akira-impersonation button{background:#0000001f;border:0;border-radius:var(--radius-base);padding:4px 10px;font-weight:700;cursor:pointer;color:inherit;font-family:inherit;font-size:12px}.akira-impersonation button:hover{background:#0003}.akira-tile{background:var(--color-card);border:var(--border-thickness) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--color-text-primary);cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.akira-tile:hover{background:var(--color-surface);border-color:var(--color-accent)}[data-style=material] .akira-tile:hover{box-shadow:0 0 0 2px var(--color-accent),var(--shadow-card)}.akira-tile-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);font-weight:700;display:flex;align-items:center;gap:6px}.akira-tile-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.akira-tile-desc{font-size:13px;color:var(--color-text-muted);line-height:1.45;margin:0}.akira-tile-cta{margin-top:auto;font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.akira-pinstrip{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.akira-pinstrip::-webkit-scrollbar{display:none}.akira-pinstrip{scrollbar-width:none}.akira-pin-chip{background:var(--color-card);border:var(--border-thickness) solid var(--color-border);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--color-text-primary);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-card);cursor:pointer;text-decoration:none}.akira-pin-chip:hover{background:var(--color-surface);border-color:var(--color-accent)}.akira-section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 14px}.akira-section-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.akira-section-subtitle{font-size:12px;color:var(--color-text-muted);margin:4px 0 0}.akira-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.akira-menu{position:fixed;z-index:9999;background:var(--color-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 20px 50px -10px #00000080,0 10px 20px -5px #0000004d;padding:12px;min-width:220px;font:14px ui-sans-serif,system-ui,sans-serif}.akira-menu-header{display:flex;flex-direction:column;padding:8px 6px 12px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.akira-menu-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);font-weight:700;margin:8px 6px 6px}.akira-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-base);color:var(--color-text-primary);background:transparent;border:0;width:100%;text-align:left;cursor:pointer;font-family:inherit;font-size:13px;text-decoration:none}.akira-menu-item:hover{background:var(--color-surface)}.akira-menu-sep{height:1px;background:var(--color-border);margin:6px -6px}.akira-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.akira-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-base);padding:8px 4px;cursor:pointer;color:var(--color-text-primary);font-family:inherit;font-size:10px}.akira-swatch.is-active{border-color:var(--color-accent);background:var(--color-surface)}.akira-swatch-dot{width:22px;height:22px;border-radius:999px;box-shadow:0 0 0 2px var(--color-card),0 0 0 3px currentColor}.akira-swatch-label{font-size:10px;font-weight:600;letter-spacing:.02em}.akira-style-list{display:flex;flex-direction:column;gap:6px}.akira-style-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-base);padding:8px 10px;cursor:pointer;color:var(--color-text-primary);font-family:inherit;font-size:13px;text-align:left}.akira-style-row.is-active{border-color:var(--color-accent);background:var(--color-surface)}.akira-style-row .hint{font-size:11px;color:var(--color-text-muted)}
