/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
    :root,
    :host {
        --font-sans: TX-02, Inter, ui-sans-serif;
        --font-mono: TX-02, ui-monospace;
        --color-red-600: oklch(57.7% 0.245 27.325);
        --color-amber-200: oklch(92.4% 0.12 95.746);
        --color-blue-600: oklch(54.6% 0.245 262.881);
        --color-blue-700: oklch(48.8% 0.243 264.376);
        --color-neutral-100: oklch(97% 0 0);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-400: oklch(70.8% 0 0);
        --color-neutral-600: oklch(43.9% 0 0);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-neutral-800: oklch(26.9% 0 0);
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-md: 28rem;
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --leading-normal: 1.5;
        --radius-xs: 0.125rem;
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
    }
}
@layer base {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }
    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        font-family: var(
            --default-font-family,
            ui-sans-serif,
            system-ui,
            sans-serif,
            "Apple Color Emoji",
            "Segoe UI Emoji",
            "Segoe UI Symbol",
            "Noto Color Emoji"
        );
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit;
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }
    b,
    strong {
        font-weight: bolder;
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(
            --default-mono-font-family,
            ui-monospace,
            SFMono-Regular,
            Menlo,
            Monaco,
            Consolas,
            "Liberation Mono",
            "Courier New",
            monospace
        );
        font-feature-settings: var(
            --default-mono-font-feature-settings,
            normal
        );
        font-variation-settings: var(
            --default-mono-font-variation-settings,
            normal
        );
        font-size: 1em;
    }
    small {
        font-size: 80%;
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }
    :-moz-focusring {
        outline: auto;
    }
    progress {
        vertical-align: baseline;
    }
    summary {
        display: list-item;
    }
    ol,
    ul,
    menu {
        list-style: none;
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        display: block;
        vertical-align: middle;
    }
    img,
    video {
        max-width: 100%;
        height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea,
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder;
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }
    ::file-selector-button {
        margin-inline-end: 4px;
    }
    ::placeholder {
        opacity: 1;
    }
    @supports (not (-webkit-appearance: -apple-pay-button)) or
        (contain-intrinsic-size: 1px) {
        ::placeholder {
            color: currentcolor;
            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }
    textarea {
        resize: vertical;
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {
        appearance: button;
    }
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer utilities {
    .static {
        position: static;
    }
    .block {
        display: block;
    }
    .contents {
        display: contents;
    }
}
@layer base {
    html {
        font-size: 12px;
    }
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/InterDisplay-Regular.e0236b70e490.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/InterDisplay-Italic.5653e8d89916.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/InterDisplay-Bold.baf0f7874fdd.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/InterDisplay-BoldItalic.b8c1d5129fab.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "TX-02";
    src: url("../fonts/TX-02-Regular.aa534f80be4d.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "TX-02";
    src: url("../fonts/TX-02-Oblique.feb0bd4f1e71.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "TX-02";
    src: url("../fonts/TX-02-Bold.659c28a89192.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "TX-02";
    src: url("../fonts/TX-02-Bold-Oblique.55998f30331c.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
body {
    margin: 0;
    padding: 0;
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-neutral-800);
    @media (prefers-color-scheme: dark) {
        color: var(--color-neutral-600);
    }
    background-color: var(--color-neutral-100);
    @media (prefers-color-scheme: dark) {
        background-color: var(--color-neutral-800);
    }
    font-feature-settings:
        "liga" 1,
        "calt" 1;
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
}
main {
    .content {
        padding-top: calc(var(--spacing) * 4);
        padding-bottom: calc(var(--spacing) * 4);
        section {
            form#login {
                padding-inline: calc(var(--spacing) * 4);
                max-width: var(--container-md);
                margin-inline: auto;
                :where(& > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(
                        calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
                    );
                    margin-block-end: calc(
                        calc(var(--spacing) * 4) *
                            calc(1 - var(--tw-space-y-reverse))
                    );
                }
                p {
                    color: var(--color-red-600);
                }
                input {
                    width: 100%;
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                    border-color: var(--color-neutral-400);
                    @media (prefers-color-scheme: dark) {
                        border-color: var(--color-neutral-600);
                    }
                    background-color: var(--color-white);
                    @media (prefers-color-scheme: dark) {
                        background-color: var(--color-neutral-700);
                    }
                    color: var(--color-neutral-800);
                    @media (prefers-color-scheme: dark) {
                        color: var(--color-neutral-200);
                    }
                    padding-inline: calc(var(--spacing) * 3);
                    padding-block: calc(var(--spacing) * 2);
                    &:focus {
                        --tw-outline-style: none;
                        outline-style: none;
                    }
                    &:focus {
                        border-color: var(--color-neutral-800);
                    }
                    @media (prefers-color-scheme: dark) {
                        &:focus {
                            border-color: var(--color-neutral-400);
                        }
                    }
                }
                button[type="submit"] {
                    width: 100%;
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                    border-color: var(--color-blue-600);
                    background-color: var(--color-blue-600);
                    color: var(--color-white);
                    padding-inline: calc(var(--spacing) * 4);
                    padding-block: calc(var(--spacing) * 2);
                    text-transform: uppercase;
                    cursor: pointer;
                    &:hover {
                        @media (hover: hover) {
                            background-color: var(--color-blue-700);
                        }
                    }
                    &:hover {
                        @media (hover: hover) {
                            border-color: var(--color-blue-700);
                        }
                    }
                }
            }
            header {
                margin-bottom: calc(var(--spacing) * 4);
                padding-inline: calc(var(--spacing) * 4);
                display: flex;
                justify-content: space-between;
                h2 {
                    background-color: var(--color-amber-200);
                    display: inline-block;
                    text-transform: uppercase;
                }
                nav {
                    display: flex;
                    gap: calc(var(--spacing) * 4);
                    justify-content: flex-end;
                    a,
                    button {
                        text-underline-offset: 2px;
                        &:hover {
                            @media (hover: hover) {
                                text-decoration-line: underline;
                            }
                        }
                        text-decoration-color: var(--color-neutral-800);
                        &:hover {
                            @media (hover: hover) {
                                text-decoration-color: var(--color-neutral-400);
                            }
                        }
                    }
                    button {
                        cursor: pointer;
                    }
                }
            }
            .new {
                padding: calc(var(--spacing) * 4);
                padding-top: calc(var(--spacing) * 0);
                a {
                    text-underline-offset: 2px;
                    &:hover {
                        @media (hover: hover) {
                            text-decoration-line: underline;
                        }
                    }
                    text-decoration-color: var(--color-neutral-800);
                    &:hover {
                        @media (hover: hover) {
                            text-decoration-color: var(--color-neutral-400);
                        }
                    }
                }
            }
            ul {
                li {
                    &:first-child {
                        border-top-style: var(--tw-border-style);
                        border-top-width: 1px;
                        border-color: var(--color-neutral-400);
                        @media (prefers-color-scheme: dark) {
                            border-color: var(--color-neutral-600);
                        }
                    }
                    details {
                        color: var(--color-neutral-400);
                        padding-inline: calc(var(--spacing) * 4);
                        font-size: var(--text-sm);
                        line-height: var(
                            --tw-leading,
                            var(--text-sm--line-height)
                        );
                        padding-bottom: calc(var(--spacing) * 2);
                        border-bottom-style: var(--tw-border-style);
                        border-bottom-width: 1px;
                        border-color: var(--color-neutral-400);
                        @media (prefers-color-scheme: dark) {
                            border-color: var(--color-neutral-600);
                        }
                        &[open],
                        &:hover {
                            background-color: var(--color-white);
                            @media (prefers-color-scheme: dark) {
                                background-color: var(--color-neutral-700);
                            }
                        }
                        summary {
                            font-size: var(--text-base);
                            line-height: var(
                                --tw-leading,
                                var(--text-base--line-height)
                            );
                            cursor: pointer;
                            list-style-type: none;
                            & *::marker {
                                display: none;
                            }
                            &::marker {
                                display: none;
                            }
                            & *::-webkit-details-marker {
                                display: none;
                            }
                            &::-webkit-details-marker {
                                display: none;
                            }
                            color: var(--color-neutral-600);
                            @media (prefers-color-scheme: dark) {
                                color: var(--color-neutral-200);
                            }
                            padding-top: calc(var(--spacing) * 2);
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                        a {
                            &:hover {
                                color: var(--color-blue-600);
                            }
                        }
                        ul {
                            --tw-border-style: none;
                            border-style: none;
                            li {
                                display: flex;
                                justify-content: space-between;
                                border-bottom-style: var(--tw-border-style);
                                border-bottom-width: 1px;
                                border-color: var(--color-neutral-400);
                                @media (prefers-color-scheme: dark) {
                                    border-color: var(--color-neutral-600);
                                }
                                border-bottom-style: dashed;
                                padding-block: calc(var(--spacing) * 2);
                                &:first-child {
                                    margin-top: calc(var(--spacing) * 2);
                                    border-top-style: var(--tw-border-style);
                                    border-top-width: 1px;
                                    border-color: var(--color-neutral-400);
                                    @media (prefers-color-scheme: dark) {
                                        border-color: var(--color-neutral-600);
                                    }
                                    border-top-style: solid;
                                }
                                &:last-child {
                                    border-bottom-style: var(--tw-border-style);
                                    border-bottom-width: 1px;
                                    border-color: var(--color-neutral-400);
                                    @media (prefers-color-scheme: dark) {
                                        border-color: var(--color-neutral-600);
                                    }
                                    border-bottom-style: dashed;
                                }
                            }
                        }
                        .task-edit {
                            a {
                                display: flex;
                                justify-content: center;
                                border-style: var(--tw-border-style);
                                border-width: 1px;
                                border-color: var(--color-blue-600);
                                border-radius: var(--radius-xs);
                                &:hover {
                                    @media (hover: hover) {
                                        background-color: var(--color-blue-600);
                                    }
                                }
                                color: var(--color-blue-600);
                                &:hover {
                                    @media (hover: hover) {
                                        color: var(--color-neutral-100);
                                    }
                                }
                                text-transform: uppercase;
                                margin-top: calc(var(--spacing) * 2);
                                padding: calc(var(--spacing) * 2);
                            }
                        }
                    }
                }
            }
        }
        .pagination {
            text-align: center;
            padding-top: calc(var(--spacing) * 4);
        }
    }
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
        ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *,
        ::before,
        ::after,
        ::backdrop {
            --tw-leading: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
        }
    }
}