.idea-index-page{--idea-green: #1f6657;--idea-green-dark: #174f43;--idea-ink: #20242a;--idea-muted: #66706c;--idea-line: #d8d1c5;--idea-soft: #f8f6f0;--idea-chip: #edf4f0;max-width:1200px}.idea-index-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;padding-bottom:1.25rem;margin-bottom:1.75rem;border-bottom:1px solid var(--idea-line)}.idea-index-hero__eyebrow{color:var(--idea-green);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem}.idea-index-hero__title{margin:0;color:var(--idea-ink);font-size:clamp(2.1rem,4vw,3.15rem);line-height:1.02;font-weight:900;letter-spacing:0}.idea-index-hero__text{max-width:46rem;margin:.8rem 0 0;color:var(--idea-muted);font-size:1.05rem;line-height:1.55}.idea-index-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.55rem}.idea-sort-chip,.idea-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem 1rem;border-radius:10px;border:1px solid #c7d9d2;background:#fffdf8;color:var(--idea-green);font-weight:800;text-decoration:none}.idea-sort-chip:hover,.idea-sort-chip.is-active,.idea-action-btn:hover{background:var(--idea-green);border-color:var(--idea-green);color:#fff}.idea-panel,.idea-card,.idea-empty{background:#fffdf8;border:1px solid var(--idea-line);border-radius:14px;box-shadow:none}.idea-panel__title{margin:0 0 .7rem;color:var(--idea-ink);font-size:1.35rem;font-weight:900;line-height:1.15}.idea-panel__title--small{font-size:1.05rem}.idea-panel__text,.idea-card__summary{color:var(--idea-muted);line-height:1.65}.idea-panel__text{margin:0 0 1.15rem;font-size:.95rem}.idea-form-label,.idea-vote-label{display:block;color:var(--idea-muted);font-size:.82rem;font-weight:800;margin-bottom:.45rem}.idea-form-control{border:1px solid var(--idea-line);border-radius:10px;background:#fff;color:var(--idea-ink)}.idea-form-control:focus{border-color:#a7c7bd;box-shadow:0 0 0 .2rem #1f66571f}.idea-note{padding:.85rem .95rem;border:1px solid #c7d9d2;border-radius:10px;background:var(--idea-chip);color:var(--idea-green);font-size:.9rem;line-height:1.45}.idea-note--warning{margin-bottom:1rem;background:#f7efe3;border-color:#e2d0b5;color:#8a5a22}.idea-my-item{background:#fff;border-color:var(--idea-line);border-radius:12px}.idea-my-item:hover{border-color:#a7c7bd;box-shadow:none}.idea-my-item__title{color:var(--idea-ink);font-weight:800}.idea-card{overflow:hidden}.idea-card__title{margin:0 0 .75rem;font-size:1.55rem;font-weight:900;line-height:1.15}.idea-card__title a{color:var(--idea-ink);text-decoration:none}.idea-card__title a:hover{color:var(--idea-green)}.idea-card__meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--idea-muted);font-size:.88rem;font-weight:700}.idea-card__summary{margin:0}.idea-empty{padding:4rem 1rem;color:var(--idea-muted)}.idea-my-item{display:block;padding:.95rem 1rem;border-radius:12px;border:1px solid var(--idea-line, rgba(148, 163, 184, .14));background:#fff;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.idea-my-item:hover{border-color:#a7c7bd;transform:translateY(-1px);box-shadow:none}.idea-vote-form{min-width:220px}.idea-vote-form--aligned{margin-left:auto}.idea-stars-vote{display:inline-flex;align-items:center;gap:.28rem;flex-wrap:wrap}.idea-stars-vote__button{width:34px;height:34px;padding:0;border:0;background:transparent;color:#fbbf2461;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:transform .15s ease,color .15s ease,text-shadow .15s ease}.idea-stars-vote__button:hover{color:#fbbf24d1;transform:translateY(-1px)}.idea-stars-vote__button.is-active{color:#fbbf24;text-shadow:0 6px 16px rgba(251,191,36,.32)}.idea-stars-vote__button--static{cursor:default}.idea-stars-vote__hint{line-height:1.35;max-width:18rem}.idea-show-page .idea-show-content{line-height:1.8}.idea-show-page .idea-stars-vote{gap:.35rem}.idea-show-page .idea-stars-vote__button{width:38px;height:38px;font-size:1.35rem}.idea-comments-card{overflow:hidden}.idea-comment{padding:1rem;border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:#ffffff06}.idea-comment+.idea-comment{margin-top:1rem}.idea-comment--admin{border-color:#0ea5e947;background:#0ea5e90f}.idea-comment__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.idea-comment__body{color:var(--bs-body-color);line-height:1.7;white-space:pre-line}[data-bs-theme=light] .idea-comment__body{color:#1f2937}[data-bs-theme=light] .idea-comment{background:#f8fbfd}[data-bs-theme=light] .idea-comment--admin{background:#eff9ff}.idea-comment__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.idea-comment-form textarea{resize:vertical}.idea-comment-form--reply{margin-top:1rem}.idea-comment__replies{margin-top:1rem;padding-left:1rem;border-left:2px solid rgba(148,163,184,.18)}.idea-comment--reply{background:#0f172a29}@media (max-width: 767.98px){.idea-vote-form{min-width:0;width:100%}.idea-vote-form--aligned{margin-left:0}.idea-comment__header{flex-direction:column}.idea-comment__actions{justify-content:flex-start}.idea-comment__replies{padding-left:.75rem}}

.idea-index-page {
    --idea-green: #b63d4d;
    --idea-green-dark: #7f2938;
    --idea-ink: #241b1d;
    --idea-muted: #706164;
    --idea-line: #ead7d3;
    --idea-soft: #fff8f6;
    --idea-chip: #fff1f3;
}

.idea-index-hero {
    position: relative;
    overflow: hidden;
    align-items: center;
    margin-bottom: 1.75rem;
    padding: 1.65rem 1.75rem;
    border: 1px solid rgba(182, 61, 77, 0.22);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 241, 243, 0.92), rgba(255, 253, 248, 0.98) 48%, rgba(255, 248, 246, 0.96)), #fffdf8;
    box-shadow: 0 18px 46px rgba(127, 41, 56, 0.08);
}

.idea-index-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #b63d4d, #d76872);
}

.idea-index-hero__eyebrow {
    color: #b63d4d;
    letter-spacing: 0;
}

.idea-index-hero__title {
    color: #7f2938;
    text-wrap: balance;
}

.idea-index-hero__text {
    max-width: 760px;
    color: #706164;
}

.idea-sort-chip,
.idea-action-btn {
    border-color: rgba(182, 61, 77, 0.24);
    border-radius: 8px;
    background: #fffdf8;
    color: #7f2938;
}

.idea-sort-chip:hover,
.idea-sort-chip.is-active,
.idea-action-btn:hover,
.idea-action-btn {
    border-color: #b63d4d;
    background: #b63d4d;
    color: #fffaf6;
    box-shadow: 0 10px 20px rgba(182, 61, 77, 0.18);
}

.idea-panel,
.idea-card,
.idea-empty {
    overflow: hidden;
    border-color: rgba(234, 215, 211, 0.95);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 241, 243, 0.38), rgba(255, 253, 248, 0) 64%), #fffdf8;
    box-shadow: 0 14px 34px rgba(127, 41, 56, 0.06);
}

.idea-card:hover,
.idea-panel:hover {
    border-color: rgba(182, 61, 77, 0.34);
}

.idea-panel__title,
.idea-card__title a,
.idea-my-item__title {
    color: #241b1d;
}

.idea-card__title a:hover {
    color: #b63d4d;
}

.idea-panel__text,
.idea-card__summary,
.idea-card__meta,
.idea-form-label,
.idea-vote-label {
    color: #706164;
}

.idea-form-control {
    border-color: rgba(234, 215, 211, 0.95);
    border-radius: 8px;
    background: #fffdf8;
}

.idea-form-control:focus {
    border-color: #b63d4d;
    box-shadow: 0 0 0 0.2rem rgba(182, 61, 77, 0.12);
}

.idea-note {
    border-color: rgba(182, 61, 77, 0.18);
    border-radius: 8px;
    background: #fff1f3;
    color: #7f2938;
}

.idea-note--warning {
    border-color: rgba(215, 104, 114, 0.28);
    background: #fff8f6;
    color: #7f2938;
}

.idea-my-item {
    border-color: rgba(234, 215, 211, 0.95);
    border-radius: 8px;
    background: #fffdf8;
}

.idea-my-item:hover {
    border-color: rgba(182, 61, 77, 0.34);
}

.idea-comment {
    border-color: rgba(234, 215, 211, 0.95);
    border-radius: 8px;
    background: #fffdf8;
}

.idea-comment--admin {
    border-color: rgba(182, 61, 77, 0.28);
    background: #fff1f3;
}

[data-bs-theme="dark"] .idea-index-hero,
[data-bs-theme="dark"] .idea-panel,
[data-bs-theme="dark"] .idea-card,
[data-bs-theme="dark"] .idea-empty,
[data-bs-theme="dark"] .idea-my-item,
[data-bs-theme="dark"] .idea-comment {
    background: #241b1d;
}

@media (max-width: 767.98px) {
    .idea-index-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 1.15rem;
    }

    .idea-index-toolbar,
    .idea-sort-chip {
        width: 100%;
    }
}

