:root {
    color-scheme: dark;
    --ink: #000000;
    --panel: #0d0f0c;
    --panel-2: #121510;
    --surface: #171a15;
    --bone: #f2f4ed;
    --muted: #9ca096;
    --quiet: #676b63;
    --acid: #d7ff39;
    --acid-soft: #b9dc31;
    --line: rgba(242, 244, 237, .14);
    --line-strong: rgba(242, 244, 237, .24);
    --danger: #ff8686;
    --display: Anybody, "Space Grotesk", "Arial Narrow", sans-serif;
    --body: Manrope, Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-family: var(--body);
    font-synthesis: none;
}

* { box-sizing: border-box; }
html, body { height: 100%; }

body {
    margin: 0;
    overflow: hidden;
    color: var(--bone);
    background: var(--ink);
    -webkit-font-smoothing: antialiased;
}

button, textarea, input, select { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }

.app-shell {
    display: grid;
    grid-template-columns: 18.5rem minmax(0, 1fr);
    height: 100dvh;
}

.sidebar {
    z-index: 20;
    display: grid;
    height: 100dvh;
    min-height: 0;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    gap: .85rem;
    padding: 1.7rem 1rem 1rem;
    border-right: 1px solid var(--line);
    background: #080908;
    overflow: hidden;
}

.brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.4rem;
    padding: 0 .65rem 1.15rem;
}
.brand-home { width: 100%; border: 0; color: inherit; background: transparent; cursor: pointer; text-align: left; transition: opacity .18s ease; }
.brand-home:hover { opacity: .78; }
.brand-home:focus-visible { outline: 2px solid var(--acid); outline-offset: 2px; }

.brand-logo { display: block; width: 8.8rem; height: auto; }
.brand-ai { align-self: flex-end; margin-bottom: .28rem; color: var(--acid); font-size: .58rem; font-weight: 800; letter-spacing: .18em; }

.new-chat,
.next-action-link {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .8rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    cursor: pointer;
    font-weight: 650;
    text-align: left;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.new-chat { padding: .82rem .9rem; border-color: var(--line-strong); background: var(--panel-2); font-size: .84rem; }
.new-chat:hover { border-color: rgba(215, 255, 57, .34); background: #171a14; }
.new-chat svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: var(--acid); stroke-linecap: round; stroke-width: 1.8; }

.primary-nav { margin-top: .1rem; }
.next-action-link { padding: .72rem .9rem; color: var(--muted); background: transparent; font-size: .82rem; }
.next-action-link svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.next-action-link:hover { color: #dfe2da; background: rgba(242, 244, 237, .035); }
.next-action-link.is-active { color: var(--bone); border-color: transparent; background: rgba(242, 244, 237, .06); box-shadow: none; font-weight: 720; }
.next-action-link.is-active:hover { background: rgba(242, 244, 237, .06); }
.next-action-link.is-active svg { color: var(--acid-soft); }

.new-chat:focus-visible,
.next-action-link:focus-visible,
.conversation-link:focus-visible,
.icon-button:focus-visible,
.send-button:focus-visible,
.next-action-button:focus-visible,
.next-action-refresh:focus-visible,
textarea:focus-visible { outline: 2px solid var(--acid); outline-offset: 2px; }

.sidebar-scroll { min-height: 0; margin-top: .15rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #292c27 transparent; }
.sidebar-section + .sidebar-section { margin-top: 1.65rem; }
.sidebar-section-heading { display: flex; align-items: center; justify-content: space-between; }
.sidebar-section-heading > button { width: 1.8rem; height: 1.8rem; margin: -.35rem .25rem 0 0; padding: 0; border: 0; color: var(--quiet); background: transparent !important; cursor: pointer; font-size: 1rem; transition: color .16s ease; }
.sidebar-section-heading > button:hover { color: var(--bone); background: transparent !important; }
.sidebar-section-heading > button:focus-visible { outline: 1px solid rgba(242, 244, 237, .55); outline-offset: -4px; background: transparent !important; }
.sidebar-section-heading > button:active { color: var(--bone); background: transparent !important; }

.section-label {
    margin: 0 .7rem .55rem;
    color: var(--quiet);
    font-size: .61rem;
    font-weight: 750;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.conversation-list {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: visible;
}
.project-folder { margin-bottom: .15rem; }
.project-folder-row { display: grid; grid-template-columns: 1.9rem minmax(0, 1fr) 1.9rem 2rem; align-items: center; column-gap: .1rem; }
.project-folder-toggle, .project-folder-name, .project-folder-more, .project-folder-new-chat { border: 0; background: transparent; cursor: pointer; }
.project-folder-toggle, .project-folder-new-chat { display: grid; width: 1.9rem; height: 2.15rem; place-items: center; padding: 0; color: var(--quiet); }
.project-folder-toggle svg, .project-folder-new-chat svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.project-folder.is-expanded .project-folder-toggle { color: #aeb2a8; }
.project-folder-toggle:hover, .project-folder-new-chat:hover { color: var(--bone); }
.project-folder-toggle:focus-visible, .project-folder-new-chat:focus-visible { outline: 1px solid rgba(215, 255, 57, .72); outline-offset: -3px; }
.project-folder-name { min-width: 0; padding: .58rem .1rem; color: #c7cbc1; text-align: left; }
.project-folder-name span { display: block; overflow: hidden; font-size: .75rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.project-folder-row:hover .project-folder-more, .project-folder-more:focus-visible { opacity: 1; }
.project-folder-content { display: none; margin-left: 1.9rem; padding-left: .25rem; }
.project-folder.is-expanded .project-folder-content { display: block; }

.conversation-list::-webkit-scrollbar { width: 4px; }
.conversation-list::-webkit-scrollbar-track { background: transparent; }
.conversation-list::-webkit-scrollbar-thumb { border-radius: 999px; background: #292c27; }

.conversation-item { position: relative; flex: 0 0 auto; border-radius: .65rem; }

.conversation-link {
    position: relative;
    width: 100%;
    padding: .68rem 2.55rem .68rem .75rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: .65rem;
    color: #777b72;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: color .16s ease, background .16s ease;
}

.conversation-link span { display: block; overflow: hidden; font-size: .76rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.conversation-item:hover .conversation-link, .conversation-item:focus-within .conversation-link { color: var(--bone); background: rgba(242, 244, 237, .04); }
.conversation-item.is-active .conversation-link { color: var(--bone); background: var(--panel-2); }

.conversation-more { position: absolute; top: 50%; right: .38rem; transform: translateY(-50%); }
.conversation-item:hover .conversation-more, .conversation-item:focus-within .conversation-more, .conversation-more[aria-expanded="true"] { opacity: 1; }

.conversation-menu { position: fixed; z-index: 80; width: 10.5rem; padding: .32rem; border: 1px solid var(--line-strong); border-radius: .65rem; background: #121410; box-shadow: 0 16px 38px rgba(0, 0, 0, .5); }
.conversation-menu button { width: 100%; padding: .62rem .7rem; border: 0; border-radius: .42rem; color: var(--bone); background: transparent; cursor: pointer; font-size: .72rem; text-align: left; }
.conversation-menu button[data-request-delete] { color: var(--danger); }
.conversation-menu button:hover, .conversation-menu button:focus-visible { outline: 0; background: rgba(255, 134, 134, .08); }
.conversation-menu.is-confirming-delete [data-remove-conversation-project] { display: none !important; }
.conversation-menu-error { margin: .28rem .7rem .45rem; color: var(--danger); font-size: .62rem; line-height: 1.4; }

.rename-dialog { width: min(25rem, calc(100vw - 2rem)); padding: 0; border: 1px solid var(--line-strong); border-radius: 1rem; color: var(--bone); background: #11130f; box-shadow: 0 28px 80px rgba(0, 0, 0, .65); }
.rename-dialog::backdrop { background: rgba(0, 0, 0, .72); backdrop-filter: blur(2px); }
.rename-dialog form { padding: 1.4rem; }
.rename-dialog h2 { margin: 0; font-family: var(--display); font-size: 1.2rem; }
.rename-dialog-actions { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1.4rem; }
.rename-dialog-actions button { padding: .65rem .9rem; border: 1px solid var(--line); border-radius: .55rem; background: transparent; cursor: pointer; font-size: .72rem; }
.rename-dialog-actions button:hover { border-color: var(--line-strong); background: rgba(242, 244, 237, .04); }
.rename-dialog-actions .rename-confirm { border-color: var(--acid); color: var(--ink); background: var(--acid); font-weight: 800; }
.rename-dialog-actions button:focus-visible { outline: 2px solid var(--acid); outline-offset: 2px; }
.rename-dialog-actions button:disabled { cursor: wait; opacity: .5; }
.rename-dialog label { display: block; margin: 1rem 0 .4rem; color: var(--muted); font-size: .65rem; font-weight: 700; }
.rename-dialog input { width: 100%; padding: .72rem .8rem; border: 1px solid var(--line); border-radius: .55rem; outline: 0; color: var(--bone); background: #0b0d0a; }
.rename-dialog input:focus { border-color: rgba(215, 255, 57, .55); box-shadow: 0 0 0 3px rgba(215, 255, 57, .06); }
.rename-dialog-error { margin: .7rem 0 0; color: var(--danger); font-size: .72rem; }

.sidebar-footer {
    padding: .8rem 0 .05rem;
    border-top: 1px solid var(--line);
}

.settings-link { display: flex; width: 100%; align-items: center; gap: .8rem; padding: .7rem .9rem; border-radius: .8rem; color: var(--quiet); font-size: .8rem; font-weight: 650; }
.settings-link svg { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.35; }
.sidebar-footer form { margin: 0; }
.logout-link { width: 100%; padding: .55rem .9rem; border: 0; color: var(--quiet); background: transparent; cursor: pointer; text-align: left; font: inherit; font-size: .7rem; }
.logout-link:hover, .logout-link:focus-visible { color: var(--bone); outline: none; }

.auth-page { display: grid; min-height: 100dvh; place-items: center; padding: 1.5rem; background: #000; }
.auth-card { width: min(100%, 25rem); padding: clamp(2rem, 6vw, 3.25rem); border: 1px solid var(--line); border-radius: 1.1rem; background: rgba(15, 17, 13, .82); box-shadow: 0 2rem 5rem rgba(0, 0, 0, .5); }
.auth-logo { display: block; width: 9.5rem; height: auto; margin-bottom: 1rem; }
.auth-kicker { margin: 0 0 2.5rem; color: var(--acid); font-size: .58rem; font-weight: 800; letter-spacing: .22em; }
.auth-card h1 { margin: 0 0 1.8rem; font-family: var(--display); font-size: clamp(2.1rem, 7vw, 3.4rem); letter-spacing: -.045em; }
.auth-form { display: grid; gap: .55rem; }
.auth-form label { margin-top: .65rem; color: var(--muted); font-size: .68rem; font-weight: 700; }
.auth-form input:not([type="hidden"]) { width: 100%; padding: .85rem .9rem; border: 1px solid var(--line-strong); border-radius: .65rem; color: var(--bone); background: #080a07; font: inherit; }
.auth-form input:focus { border-color: var(--acid); outline: 1px solid var(--acid); }
.auth-form button { margin-top: 1rem; padding: .9rem 1rem; border: 0; border-radius: .65rem; color: var(--ink); background: var(--acid); cursor: pointer; font: inherit; font-size: .72rem; font-weight: 850; }
.auth-form button:hover { background: #e0ff68; }
.auth-error { margin: 0 0 1rem; padding: .7rem .8rem; border: 1px solid rgba(255, 134, 134, .26); border-radius: .6rem; color: var(--danger); background: rgba(255, 134, 134, .06); font-size: .72rem; }

.chat-panel {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: 1fr auto;
    overflow: hidden;
    background:
        radial-gradient(circle at 55% 105%, rgba(215, 255, 57, .055), transparent 34rem),
        linear-gradient(rgba(242, 244, 237, .018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(242, 244, 237, .018) 1px, transparent 1px),
        var(--ink);
    background-size: auto, 48px 48px, 48px 48px, auto;
}
.chat-workspace { display: contents; }

.messages { overflow-y: auto; scroll-behavior: smooth; padding: 4rem max(2rem, calc((100% - 49rem) / 2)) 3rem; scrollbar-width: thin; scrollbar-color: #31342f transparent; }
.message-stream { display: flex; flex-direction: column; gap: 1.4rem; }
.message { width: min(100%, 45rem); animation: message-in .3s ease both; }
.message--user { width: fit-content; max-width: 68%; align-self: flex-end; padding: .76rem 1rem .8rem; border: 0; outline: 0; border-radius: .85rem .85rem .2rem .85rem; background: rgba(18, 21, 16, .78); }
.message--assistant { max-width: 45rem; align-self: flex-start; }
.message--assistant + .message--user { margin-top: .45rem; }
.message-content { color: #dfe2da; font-size: .91rem; line-height: 1.68; overflow-wrap: anywhere; }
.message--user .message-content { color: var(--bone); font-size: .88rem; line-height: 1.55; letter-spacing: -.005em; text-align: right; }
.message-content:empty { display: none; }
.message-attachments { display: grid; max-width: 32rem; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin-bottom: .65rem; }
.message-attachments:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.message-attachments img { display: block; width: 100%; max-height: 24rem; object-fit: contain; border-radius: .65rem; background: #0d0f0c; }
.message-content p { margin: 0 0 1em; }
.message-content p:last-child { margin-bottom: 0; }
.message-content h1, .message-content h2, .message-content h3 { margin: 1.5em 0 .55em; color: var(--bone); font-family: var(--display); font-weight: 750; letter-spacing: -.02em; line-height: 1.2; }
.message-content h1:first-child, .message-content h2:first-child, .message-content h3:first-child { margin-top: 0; }
.message-content h1 { font-size: 1.32rem; }
.message-content h2 { font-size: 1.18rem; }
.message-content h3 { font-size: 1.05rem; }
.message-content strong { color: var(--bone); font-weight: 750; }
.message-content em { color: var(--bone); }
.message-content ul, .message-content ol { margin: .9rem 0 1rem; padding-left: 1.25rem; }
.message-content li { margin: .4rem 0; padding-left: .2rem; }
.message-content li::marker { color: var(--acid); }
.message-content code { padding: .14em .38em; border: 1px solid var(--line); border-radius: .3rem; color: var(--acid); background: var(--panel-2); font: .86em/1.4 "SFMono-Regular", Consolas, monospace; }
.message-content pre { margin: 1rem 0; overflow-x: auto; padding: 1rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--panel); }
.message-content pre code { padding: 0; border: 0; color: #d6d9d1; background: transparent; }
.message-content a { color: var(--acid); text-decoration-color: rgba(215, 255, 57, .45); text-underline-offset: .2em; }
.message-content a:hover { text-decoration-color: var(--acid); }

.empty-state { min-height: 100%; display: grid; place-content: center; justify-items: center; padding-bottom: 1rem; text-align: center; animation: message-in .42s ease both; }
.empty-label { display: flex; align-items: center; gap: .55rem; margin-bottom: 1.3rem; color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .2em; }
.empty-label img { width: .9rem; height: .94rem; object-fit: contain; }
.empty-state h1 { display: flex; max-width: 40rem; flex-direction: column; gap: .12em; margin: 0; font-family: var(--display); font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 500; line-height: 1.02; letter-spacing: -.045em; }
.empty-state h1 strong { font-weight: 800; }
.empty-state h1 span { color: var(--acid); font-weight: 650; }

.typing { display: flex; width: fit-content; align-items: center; gap: .28rem; margin-top: 1.8rem; }
.typing span:not(.sr-only), .next-action-loading span { width: 4px; height: 4px; border-radius: 50%; background: var(--acid); animation: typing 1.2s infinite ease-in-out; }
.typing span:nth-child(2), .next-action-loading span:nth-child(2) { animation-delay: .14s; }
.typing span:nth-child(3), .next-action-loading span:nth-child(3) { animation-delay: .28s; }

.composer-wrap { z-index: 3; padding: .75rem max(2rem, calc((100% - 49rem) / 2)) max(1rem, env(safe-area-inset-bottom)); background: linear-gradient(transparent, var(--ink) 24%); }
.composer { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .8rem; padding: .65rem .7rem; border: 1px solid var(--line-strong); border-radius: 1.35rem; background: rgba(18, 21, 16, .94); box-shadow: 0 16px 50px rgba(0, 0, 0, .34); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.composer:hover { border-color: rgba(242, 244, 237, .32); background: #141712; }
.composer:focus-within { border-color: rgba(242, 244, 237, .31); background: #151813; box-shadow: 0 20px 60px rgba(0, 0, 0, .42); }
.composer.is-dragging { border-color: var(--acid); background: rgba(215, 255, 57, .06); }
.composer textarea { width: auto; min-width: 0; max-height: 10rem; min-height: 2.7rem; flex: 1 1 12rem; resize: none; padding: .6rem 0 .35rem; border: 0; outline: 0; color: var(--bone); background: transparent; font-size: .94rem; line-height: 1.55; }
.attach-button { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border: 0; border-radius: .9rem; color: var(--muted); background: transparent; cursor: pointer; }
.attach-button:hover { color: var(--bone); background: rgba(255,255,255,.05); }
.attach-button svg { width: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.7; }
.attachment-previews { display: flex; width: 100%; gap: .5rem; overflow-x: auto; padding: .1rem .45rem .15rem; }
.attachment-preview { position: relative; width: 4.25rem; height: 4.25rem; flex: 0 0 auto; }
.attachment-preview img { width: 100%; height: 100%; object-fit: cover; border-radius: .55rem; }
.attachment-preview button { position: absolute; top: -.3rem; right: -.3rem; display: grid; width: 1.25rem; height: 1.25rem; place-items: center; padding: 0; border: 1px solid #3d4138; border-radius: 50%; color: var(--bone); background: #171a14; cursor: pointer; font-size: 1rem; line-height: 1; }
.composer textarea::placeholder { color: #6e7269; }
.send-button { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border: 0; border-radius: .9rem; color: var(--ink); background: var(--acid); cursor: pointer; transition: background .18s ease, transform .18s ease, opacity .18s ease, box-shadow .18s ease; }
.send-button:hover:not(:disabled) { background: #e0ff68; box-shadow: 0 0 18px rgba(215, 255, 57, .18); transform: translateY(-1px); }
.send-button:disabled { cursor: default; opacity: .18; }
.send-button svg { width: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.error-message, .next-action-error { margin: 0 0 .6rem; padding: .7rem .9rem; border: 1px solid rgba(255, 134, 134, .26); border-radius: .65rem; color: var(--danger); background: rgba(255, 134, 134, .06); font-size: .76rem; }

.daily-start { display: none; }
.daily-start-label { margin: 0 0 .55rem; color: var(--acid); font-size: .57rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.daily-start-content { color: var(--muted); font-size: .82rem; line-height: 1.62; }

.chat-panel.is-empty-chat { grid-template-rows: minmax(0, 1fr); }
.chat-panel.is-empty-chat .chat-workspace { display: flex; min-width: 0; min-height: 0; align-items: center; justify-content: center; flex-direction: column; gap: 0; padding: 2rem; }
.chat-panel.is-empty-chat .messages { width: 100%; min-height: 0; flex: 0 0 auto; overflow: visible; padding: 0; }
.chat-panel.is-empty-chat .empty-state { min-height: 0; padding-bottom: 0; }
.chat-panel.is-empty-chat .composer-wrap { width: min(49rem, 100%); flex: 0 0 auto; margin-top: clamp(2.35rem, 4vw, 3rem); padding: 0; background: transparent; }
.chat-panel.is-empty-chat .daily-start { display: block; width: min(45rem, calc(100% - 2rem)); flex: 0 0 auto; margin-top: 1.2rem; animation: message-in .3s ease both; }

.chat-panel.is-next-action .messages, .chat-panel.is-next-action .composer-wrap,
.chat-panel.is-tasks .messages, .chat-panel.is-tasks .composer-wrap,
.chat-panel.is-calendar .messages, .chat-panel.is-calendar .composer-wrap,
.chat-panel.is-projects .messages, .chat-panel.is-projects .composer-wrap,
.chat-panel.is-project .messages, .chat-panel.is-project .composer-wrap,
.chat-panel.is-next-action .daily-start, .chat-panel.is-tasks .daily-start,
.chat-panel.is-calendar .daily-start, .chat-panel.is-projects .daily-start,
.chat-panel.is-project .daily-start { display: none; }
.next-action-view { grid-row: 1 / -1; min-height: 0; overflow-y: auto; padding: clamp(3.5rem, 8vh, 6.5rem) max(2rem, calc((100% - 49rem) / 2)) 4rem; }
.next-action-inner { width: min(100%, 45rem); margin: 0 auto; }
.next-action-eyebrow { margin: 0 0 1.1rem; color: var(--acid); font-size: .6rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.next-action-view h1 { margin: 0; font-family: var(--display); font-size: clamp(3rem, 7vw, 5.8rem); font-weight: 800; line-height: .92; letter-spacing: -.055em; }
.next-action-intro { max-width: 34rem; margin: 1.4rem 0 2.6rem; color: var(--muted); font-size: .9rem; line-height: 1.7; }
.next-action-form { padding: 1.15rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(18, 21, 16, .76); }
.next-action-form label { display: block; margin-bottom: .45rem; color: var(--bone); font-size: .67rem; font-weight: 700; }
.next-action-form label span { color: var(--quiet); font-weight: 400; }
.next-action-form textarea { width: 100%; min-height: 4.5rem; resize: vertical; padding: .7rem 0; border: 0; outline: 0; color: var(--bone); background: transparent; font-size: 1rem; line-height: 1.55; }
.next-action-form textarea::placeholder { color: var(--quiet); }
.next-action-form textarea:disabled { opacity: .5; }
.next-action-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.next-action-form-footer > span { color: var(--quiet); font-size: .58rem; }
.next-action-button { padding: .78rem 1rem; border: 0; border-radius: .65rem; color: var(--ink); background: var(--acid); cursor: pointer; font-size: .7rem; font-weight: 800; transition: background .18s ease, opacity .18s ease; }
.next-action-button:hover:not(:disabled) { background: #e0ff68; }
.next-action-button:disabled, .next-action-refresh:disabled { cursor: wait; opacity: .4; }
.next-action-error { margin-top: 1rem; }
.next-action-loading { display: flex; align-items: center; gap: .28rem; margin-top: 2rem; color: var(--muted); font-size: .75rem; }
.next-action-loading span:nth-child(3) { margin-right: .35rem; }
.next-action-result, .next-action-empty { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.next-action-relations { margin: 0 0 .7rem; color: var(--acid); font-size: .6rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.next-action-result h2, .next-action-empty h2 { max-width: 38rem; margin: 0; font-family: var(--display); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 750; line-height: 1.08; letter-spacing: -.035em; }
.next-action-reason { max-width: 38rem; margin: 1rem 0 1.5rem; color: var(--muted); line-height: 1.7; }
.first-step { padding: 1.15rem; border: 1px solid rgba(215, 255, 57, .2); border-radius: .85rem; background: rgba(215, 255, 57, .045); }
.first-step p { margin: 0 0 .45rem; color: var(--acid); font-size: .57rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.first-step div { line-height: 1.65; }
.next-action-refresh { margin-top: 1.2rem; padding: .6rem 0; border: 0; border-bottom: 1px solid var(--line-strong); color: var(--muted); background: transparent; cursor: pointer; font-size: .68rem; }
.next-action-refresh:hover:not(:disabled) { color: var(--bone); border-color: var(--acid); }
.next-action-empty p { margin: 1rem 0 0; color: var(--muted); line-height: 1.65; }

.tasks-view { grid-row: 1 / -1; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: clamp(2rem, 5vh, 3.5rem) max(2rem, calc((100% - 64rem) / 2)) 3rem; }
.tasks-inner { width: min(100%, 60rem); margin: 0 auto; }
.tasks-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding-bottom: 1.35rem; border-bottom: 1px solid var(--line); }
.tasks-eyebrow { margin: 0 0 .65rem !important; color: var(--acid) !important; font-size: .58rem !important; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.tasks-header h1 { margin: 0; font-family: var(--display); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; line-height: .95; letter-spacing: -.045em; }
.tasks-header p { margin: .85rem 0 0; color: var(--muted); font-size: .82rem; }
.task-add-button, .tasks-empty button { flex: 0 0 auto; padding: .78rem 1rem; border: 1px solid rgba(215, 255, 57, .28); border-radius: .7rem; color: var(--ink); background: var(--acid); cursor: pointer; font-size: .72rem; font-weight: 800; }
.task-add-button:hover, .tasks-empty button:hover { background: #e0ff68; }
.tasks-loading, .tasks-empty { padding: 2.5rem 0; color: var(--muted); font-size: .82rem; }
.tasks-empty button { margin-top: .8rem; }
.tasks-error, .task-form-error { padding: .7rem .85rem; border: 1px solid rgba(255, 134, 134, .25); border-radius: .6rem; color: var(--danger); background: rgba(255, 134, 134, .06); font-size: .72rem; }
.task-group { margin-top: 1.45rem; }
.task-group > h2 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .55rem; color: var(--quiet); font-size: .58rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.today-dot { width: .36rem; height: .36rem; flex: 0 0 auto; border-radius: 50%; background: var(--acid); box-shadow: 0 0 8px rgba(215, 255, 57, .38); animation: today-pulse 2.8s ease-in-out infinite; }
.task-row { display: grid; min-width: 0; grid-template-columns: 1.65rem minmax(0, 1fr) 2.2rem; align-items: start; gap: .55rem; padding: .62rem .35rem; border-bottom: 1px solid rgba(242, 244, 237, .07); transition: background .16s ease; }
.task-row:hover, .task-row:focus-within { background: rgba(242, 244, 237, .025); }
.task-complete { width: 1.55rem; height: 1.55rem; padding: 0; border: 0; border-radius: 50%; color: var(--muted); background: transparent; cursor: pointer; font-size: 1.18rem; line-height: 1; }
.task-complete:hover:not(:disabled) { color: var(--acid); }
.task-complete:disabled { color: var(--acid-soft); cursor: default; font-size: .9rem; }
.task-row-content { min-width: 0; }
.task-row-content h3 { margin: 0; overflow: hidden; color: var(--bone); font-size: .86rem; font-weight: 650; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.task-row-content p { margin: .28rem 0 0; color: var(--quiet); font-size: .64rem; }
.task-row-content .task-notes { display: -webkit-box; max-width: 44rem; overflow: hidden; color: #858a80; font-size: .68rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
.task-row:hover .task-more, .task-row:focus-within .task-more, .task-more[aria-expanded="true"] { opacity: 1; }
.conversation-more, .project-folder-more, .task-more { display: grid; width: 2rem; height: 2rem; place-items: center; padding: 0 0 .2rem; border: 0; border-radius: 0; color: var(--quiet); background: transparent !important; cursor: pointer; font-size: .58rem; letter-spacing: -.03em; line-height: 1; opacity: 0; transition: color .16s ease, opacity .16s ease; }
.conversation-more:hover, .project-folder-more:hover, .task-more:hover { color: #b7bbb1; background: transparent !important; }
.conversation-more:focus-visible, .project-folder-more:focus-visible, .task-more:focus-visible { outline: 1px solid rgba(215, 255, 57, .72); outline-offset: -4px; background: transparent !important; opacity: 1; }
.conversation-more[aria-expanded="true"], .project-folder-more[aria-expanded="true"], .task-more[aria-expanded="true"] { color: #c7cbc1; background: transparent !important; }
.task-row.is-completed { opacity: .56; }
.task-row.is-completed h3 { text-decoration: line-through; text-decoration-color: var(--quiet); }
.completed-toggle { margin-top: .65rem; padding: .4rem 0; border: 0; color: var(--quiet); background: transparent; cursor: pointer; font-size: .66rem; }
.completed-toggle:hover { color: var(--bone); }
.task-menu { position: fixed; z-index: 90; width: 9rem; padding: .3rem; border: 1px solid var(--line-strong); border-radius: .6rem; background: #121410; box-shadow: 0 16px 38px rgba(0, 0, 0, .5); }
.task-menu button { display: block; width: 100%; padding: .58rem .65rem; border: 0; border-radius: .4rem; color: var(--bone); background: transparent; cursor: pointer; font-size: .7rem; text-align: left; }
.task-menu button:hover, .task-menu button:focus-visible { outline: 0; background: rgba(242, 244, 237, .07); }
.task-menu .task-menu-cancel { color: var(--danger); }

.calendar-view, .projects-view, .project-view { grid-row: 1 / -1; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: clamp(2.5rem, 6vh, 4.5rem) max(1.5rem, calc((100% - 76rem) / 2)) 3rem; }
.calendar-inner, .projects-inner, .project-inner { width: min(100%, 72rem); margin: 0 auto; }
.workspace-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; padding-bottom: 1.8rem; border-bottom: 1px solid var(--line); }
.workspace-header h1 { margin: 0; font-family: var(--display); font-size: clamp(2.5rem, 5vw, 4.2rem); font-weight: 800; line-height: .95; letter-spacing: -.045em; }
.workspace-header p:not(.tasks-eyebrow) { margin: .7rem 0 0; color: var(--muted); font-size: .8rem; }
.calendar-controls, .project-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.calendar-controls button, .project-actions button, .project-section-heading button { padding: .62rem .75rem; border: 1px solid var(--line); border-radius: .55rem; color: var(--muted); background: rgba(18, 21, 16, .75); cursor: pointer; font-size: .68rem; }
.calendar-controls button:hover, .project-actions button:hover, .project-section-heading button:hover { color: var(--bone); border-color: var(--line-strong); }
.project-actions .danger-quiet { color: var(--danger); }
.workspace-error { margin: 1rem 0 0; color: var(--danger); font-size: .72rem; }
.calendar-loading, .projects-loading, .projects-empty { padding: 2rem 0; color: var(--muted); font-size: .78rem; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: 1.25rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.calendar-weekday { padding: .6rem .55rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--quiet); font-size: .56rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.calendar-day { min-width: 0; min-height: 7.3rem; padding: .52rem; overflow: hidden; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--bone); background: rgba(10, 12, 9, .54); cursor: pointer; text-align: left; }
.calendar-day:hover, .calendar-day.is-selected { background: rgba(242, 244, 237, .045); }
.calendar-day.is-outside { color: #4f534c; background: rgba(4, 5, 4, .52); }
.calendar-day-number { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: 50%; font-size: .64rem; }
.calendar-day.is-today .calendar-day-number { color: var(--ink); background: var(--acid); box-shadow: 0 0 12px rgba(215, 255, 57, .18); font-weight: 850; }
.calendar-day-items { display: grid; gap: .22rem; margin-top: .35rem; pointer-events: none; }
.calendar-item { display: block; width: 100%; padding: .28rem .36rem; overflow: hidden; border: 0; border-radius: .3rem; color: #d9ddd4; background: rgba(242, 244, 237, .055); cursor: pointer; font-size: .58rem; line-height: 1.25; text-align: left; text-overflow: ellipsis; white-space: nowrap; pointer-events: auto; }
.calendar-item--event { border-left: 2px solid var(--acid-soft); }
.calendar-item--task { color: var(--muted); border-left: 2px solid #70766a; }
.calendar-item:hover { background: rgba(242, 244, 237, .1); }
.calendar-more { color: var(--quiet); font-size: .55rem; }
.calendar-day-list { display: none; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.calendar-day-list h2 { margin: 0 0 .8rem; font-size: .9rem; text-transform: capitalize; }
.calendar-day-list > p { color: var(--quiet); font-size: .72rem; }
.calendar-day-list .calendar-item { margin-bottom: .35rem; padding: .6rem .7rem; font-size: .7rem; }
.project-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: 1.5rem; }
.project-list-item { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: rgba(18, 21, 16, .6); cursor: pointer; text-align: left; }
.project-list-item:hover { border-color: var(--line-strong); background: rgba(242, 244, 237, .045); }
.project-list-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-list-item span { flex: 0 0 auto; color: var(--quiet); font-size: .62rem; }
.project-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 2.25rem; margin-top: 2rem; }
.project-columns > section { display: grid; min-width: 0; grid-template-rows: 2rem auto; align-content: start; gap: .65rem; }
.project-section-heading { display: flex; min-height: 2rem; align-items: center; justify-content: space-between; }
.project-section-heading h2 { margin: 0; color: var(--muted); font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; }
.project-conversations, .project-tasks { min-width: 0; margin: 0; color: var(--quiet); font-size: .72rem; line-height: 1.5; }
.project-conversations button { display: block; width: 100%; padding: .75rem .25rem; overflow: hidden; border: 0; border-bottom: 1px solid var(--line); color: var(--bone); background: transparent; cursor: pointer; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.project-tasks .task-row { grid-template-columns: 1.8rem minmax(0, 1fr) 2rem; }
.workspace-dialog, .detail-dialog { width: min(28rem, calc(100vw - 2rem)); padding: 0; border: 1px solid var(--line-strong); border-radius: 1rem; color: var(--bone); background: #11130f; box-shadow: 0 28px 80px rgba(0, 0, 0, .7); }
.workspace-dialog::backdrop, .detail-dialog::backdrop { background: rgba(0, 0, 0, .74); backdrop-filter: blur(2px); }
.workspace-dialog form, .detail-dialog form { padding: 1.35rem; }
.workspace-dialog h2, .detail-dialog h2 { margin: 0; font-family: var(--display); font-size: 1.25rem; }
.workspace-dialog p { color: var(--muted); font-size: .76rem; line-height: 1.55; }
.workspace-dialog label { display: grid; gap: .4rem; margin-top: 1rem; color: var(--muted); font-size: .65rem; }
.workspace-dialog input, .workspace-dialog select { width: 100%; padding: .72rem; border: 1px solid var(--line); border-radius: .55rem; color: var(--bone); background: #0b0d0a; }
.detail-dialog [data-detail-kind] { margin: 0 0 .3rem; color: var(--acid); font-size: .55rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.detail-dialog dl { display: grid; grid-template-columns: 6rem 1fr; gap: .65rem 1rem; margin: 1.2rem 0 0; }
.detail-dialog dt { color: var(--quiet); font-size: .64rem; }
.detail-dialog dd { margin: 0; color: #dfe2da; font-size: .74rem; line-height: 1.5; white-space: pre-wrap; }
.detail-actions { display: flex; justify-content: flex-end; gap: .45rem; margin-top: 1.25rem; padding-top: .85rem; border-top: 1px solid var(--line); }
.detail-actions button { min-width: 4.5rem; padding: .55rem .7rem; border: 0; color: var(--muted); background: transparent; cursor: pointer; font-size: .68rem; }
.detail-actions button:hover, .detail-actions button:focus-visible { color: var(--bone); outline: 1px solid var(--line-strong); outline-offset: -2px; }
.detail-actions .detail-delete { color: var(--danger); }
.detail-actions button:disabled { cursor: wait; opacity: .45; }
.detail-action-error { margin: 1rem 0 0; color: var(--danger); font-size: .68rem; line-height: 1.45; }

.task-dialog, .task-cancel-dialog { width: min(34rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; overflow: auto; border: 1px solid var(--line-strong); border-radius: 1rem; color: var(--bone); background: #11130f; box-shadow: 0 28px 80px rgba(0, 0, 0, .7); }
.task-dialog::backdrop, .task-cancel-dialog::backdrop { background: rgba(0, 0, 0, .74); backdrop-filter: blur(2px); }
.task-dialog form, .task-cancel-dialog form { padding: 1.35rem; }
.task-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.task-dialog-heading p { margin: 0 0 .25rem; color: var(--acid); font-size: .54rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.task-dialog h2, .task-cancel-dialog h2 { margin: 0; font-family: var(--display); font-size: 1.25rem; }
.task-dialog-heading > button { width: 2rem; height: 2rem; padding: 0; border: 0; color: var(--muted); background: transparent; cursor: pointer; font-size: 1.4rem; }
.task-dialog label { display: grid; gap: .38rem; margin-top: .85rem; color: var(--muted); font-size: .64rem; font-weight: 700; }
.task-dialog label span { color: var(--quiet); font-weight: 400; }
.task-dialog input, .task-dialog select, .task-dialog textarea { width: 100%; padding: .7rem .75rem; border: 1px solid var(--line); border-radius: .55rem; outline: 0; color: var(--bone); background: #0b0d0a; font: inherit; font-size: .78rem; }
.task-dialog input:focus, .task-dialog select:focus, .task-dialog textarea:focus { border-color: rgba(215, 255, 57, .55); box-shadow: 0 0 0 3px rgba(215, 255, 57, .06); }
.task-dialog textarea { resize: vertical; }
.task-dialog .event-all-day { display: flex; align-items: center; gap: .55rem; }
.task-dialog .event-all-day input { width: 1rem; height: 1rem; flex: 0 0 auto; margin: 0; accent-color: var(--acid); }
.task-dialog .event-all-day span { color: var(--muted); }
.task-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 .8rem; }
.task-dialog-actions { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1.25rem; }
.task-dialog-actions button { padding: .65rem .9rem; border: 1px solid var(--line); border-radius: .55rem; color: var(--bone); background: transparent; cursor: pointer; font-size: .7rem; }
.task-dialog-actions .task-save { border-color: var(--acid); color: var(--ink); background: var(--acid); font-weight: 800; }
.task-dialog-actions .task-cancel-confirm { border-color: rgba(255, 134, 134, .24); color: var(--danger); background: rgba(255, 134, 134, .07); }
.task-dialog-actions button:disabled { cursor: wait; opacity: .5; }
.task-cancel-dialog p { color: var(--muted); font-size: .78rem; line-height: 1.55; }

.mobile-header, .mobile-backdrop { display: none; }
.mobile-symbol { width: .72rem; height: .76rem; object-fit: contain; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@keyframes message-in { from { opacity: 0; transform: translateY(7px); } }
@keyframes typing { 0%, 60%, 100% { opacity: .2; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } }
@keyframes today-pulse { 0%, 100% { opacity: .72; box-shadow: 0 0 5px rgba(215, 255, 57, .25); } 50% { opacity: 1; box-shadow: 0 0 10px rgba(215, 255, 57, .52); } }

@media (max-width: 760px) {
    .app-shell { display: block; }
    .sidebar { position: fixed; inset: 0 auto 0 0; width: min(19rem, 86vw); transform: translateX(-102%); box-shadow: 20px 0 60px rgba(0, 0, 0, .38); transition: transform .24s ease; }
    .conversation-more { opacity: 1; }
    .app-shell.sidebar-open .sidebar { transform: translateX(0); }
    .mobile-backdrop { position: fixed; z-index: 15; inset: 0; background: rgba(0, 0, 0, .64); opacity: 0; pointer-events: none; transition: opacity .24s ease; }
    .app-shell.sidebar-open .mobile-backdrop { display: block; opacity: 1; pointer-events: auto; }
    .chat-panel { height: 100dvh; grid-template-rows: auto 1fr auto; }
    .mobile-header { display: flex; height: 3.65rem; align-items: center; gap: .65rem; padding: 0 1rem; border-bottom: 1px solid var(--line); color: var(--bone); background: rgba(0, 0, 0, .92); font-size: .62rem; font-weight: 800; letter-spacing: .18em; }
    .icon-button { display: grid; width: 2rem; height: 2rem; place-content: center; gap: .32rem; margin-right: .15rem; padding: 0; border: 0; background: transparent; }
    .icon-button span { display: block; width: 1.05rem; height: 1px; background: var(--bone); }
    .messages { padding: 2.5rem 1rem 2rem; }
    .message-stream { gap: 1.25rem; }
    .message--user { max-width: 88%; }
    .empty-state { min-height: 100%; padding: 0 .4rem; }
    .empty-state h1 { font-size: clamp(2.35rem, 11vw, 3.25rem); }
    .composer-wrap { padding: .55rem .65rem max(.75rem, env(safe-area-inset-bottom)); }
    .composer { border-radius: 1.15rem; }
    .chat-panel.is-empty-chat { grid-template-rows: auto minmax(0, 1fr); }
    .chat-panel.is-empty-chat .chat-workspace { grid-row: 2; overflow-y: auto; padding: 1.25rem .65rem max(1.25rem, env(safe-area-inset-bottom)); }
    .chat-panel.is-empty-chat .messages { padding: 0 .35rem; }
    .chat-panel.is-empty-chat .composer-wrap { width: 100%; margin-top: clamp(2.35rem, 7vw, 2.75rem); }
    .chat-panel.is-empty-chat .daily-start { width: calc(100% - 1.4rem); margin-top: 1rem; padding-bottom: .35rem; }
    .next-action-view { padding: 2.6rem 1.25rem max(2rem, env(safe-area-inset-bottom)); }
    .tasks-view, .calendar-view, .projects-view, .project-view { padding: 2rem 1rem max(2rem, env(safe-area-inset-bottom)); }
    .chat-panel.is-next-action, .chat-panel.is-tasks, .chat-panel.is-calendar, .chat-panel.is-projects, .chat-panel.is-project { grid-template-rows: auto 1fr; }
    .chat-panel.is-next-action .next-action-view, .chat-panel.is-tasks .tasks-view, .chat-panel.is-calendar .calendar-view, .chat-panel.is-projects .projects-view, .chat-panel.is-project .project-view { grid-row: 2; }
    .next-action-view h1 { font-size: clamp(3rem, 16vw, 4.7rem); }
    .next-action-intro { margin-bottom: 2rem; }
    .next-action-result, .next-action-empty { margin-top: 2.5rem; }
    .tasks-header { align-items: flex-start; flex-direction: column; gap: 1.25rem; padding-bottom: 1.5rem; }
    .tasks-header h1 { font-size: 2.65rem; }
    .task-add-button { width: 100%; }
    .task-row { grid-template-columns: 1.8rem minmax(0, 1fr) 2rem; gap: .48rem; padding: .8rem .15rem; }
    .task-deadline { grid-column: 2; grid-row: 2; }
    .task-more { grid-column: 3; grid-row: 1 / span 2; opacity: 1; }
    .task-form-grid { grid-template-columns: 1fr; }
    .workspace-header { align-items: flex-start; flex-direction: column; gap: 1.1rem; }
    .workspace-header h1 { font-size: 2.65rem; }
    .calendar-controls, .project-actions { width: 100%; }
    .calendar-controls button { flex: 1; }
    .calendar-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .calendar-weekday { padding: .5rem 0; text-align: center; }
    .calendar-day { min-height: 3.15rem; padding: .25rem; text-align: center; }
    .calendar-day-number { margin: 0 auto; }
    .calendar-day-items { display: flex; justify-content: center; gap: 2px; margin-top: .25rem; }
    .calendar-day-items .calendar-item { width: 4px; height: 4px; padding: 0; overflow: hidden; border: 0; border-radius: 50%; color: transparent; background: var(--acid-soft); }
    .calendar-day-items .calendar-item--task { background: #777c72; }
    .calendar-day-items .calendar-more { display: none; }
    .calendar-day-list { display: block; }
    .project-list, .project-columns { grid-template-columns: 1fr; }
    .project-actions button { flex: 1 1 auto; }
    .project-tasks .task-row { grid-template-columns: 1.8rem minmax(0, 1fr) 2rem; }
    .project-tasks .task-deadline { grid-column: 2; grid-row: 2; }
    .project-tasks .task-more { grid-column: 3; grid-row: 1 / span 2; }
}

@media (hover: none), (pointer: coarse) {
    .conversation-more { opacity: 1; }
    .task-more { opacity: 1; }
    .project-folder-more { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}