:root{--sp-primary: #0f766e;--sp-primary-dark: #0b5a54;--sp-bg: #f4f7f6;--sp-surface: #ffffff;--sp-border: #d9e2e0;--sp-text: #1f2937;--sp-text-muted: #6b7280;--sp-danger: #dc2626;--sp-badge-bg: #e0f2f1;--sp-input-bg: #ffffff;color-scheme:light}@media(prefers-color-scheme:dark){:root{--sp-primary: #2dd4bf;--sp-primary-dark: #99f6e4;--sp-bg: #0f1716;--sp-surface: #172322;--sp-border: #2c3b39;--sp-text: #e5eeec;--sp-text-muted: #9fb0ad;--sp-danger: #f87171;--sp-badge-bg: #12403b;--sp-input-bg: #101a19;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--sp-bg);color:var(--sp-text)}a{color:var(--sp-primary)}.sp-page{max-width:720px;margin:0 auto;padding:1.25rem 1rem 4rem}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.sp-title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.sp-subtitle{font-size:.9rem;color:var(--sp-text-muted);margin:0 0 1rem}.sp-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.sp-field label{font-size:.85rem;font-weight:600;color:var(--sp-text)}.sp-error{color:var(--sp-danger);font-size:.85rem;margin:.5rem 0}.sp-empty{color:var(--sp-text-muted);font-size:.9rem;padding:1rem 0;text-align:center}.sp-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.sp-mode-switch{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--sp-border)}.sp-mode-switch button{background:none;border:none;padding:.5rem .25rem;font-size:.9rem;font-weight:600;color:var(--sp-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.sp-mode-switch button.active{color:var(--sp-primary);border-bottom-color:var(--sp-primary)}.sp-list{display:flex;flex-direction:column;gap:.75rem}.sp-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid var(--sp-border);border-radius:10px;background:var(--sp-bg)}.sp-list-item-title{font-weight:700;margin:0 0 .15rem}.sp-list-item-meta{font-size:.82rem;color:var(--sp-text-muted);margin:0}.sp-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--sp-badge-bg);color:var(--sp-primary-dark);white-space:nowrap}.sp-section-title{font-size:1rem;font-weight:700;margin:0 0 .5rem}.sp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.sp-grid-2{grid-template-columns:1fr}}.sp-native-input{font-family:inherit;font-size:1rem;padding:.55rem .65rem;border:1px solid var(--sp-border);border-radius:8px;background:var(--sp-input-bg);color:var(--sp-text)}.sp-native-input:focus{outline:2px solid var(--sp-primary);outline-offset:1px}.sp-header-row,.sp-item-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.sp-notice{margin:.75rem 0 0;padding:.6rem .75rem;border-radius:8px;background:var(--sp-badge-bg);color:var(--sp-text);font-size:.9rem}.sp-check{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;margin-bottom:1rem}.sp-fieldset{border:1px solid var(--sp-border);border-radius:10px;padding:.75rem;margin:0 0 1rem}.sp-fieldset legend{font-size:.85rem;font-weight:600;padding:0 .35rem}.sp-slots{display:flex;flex-wrap:wrap;gap:.5rem}.sp-slot{font:inherit;min-width:4.5rem;min-height:2.5rem;border:1px solid var(--sp-border);border-radius:8px;background:var(--sp-input-bg);color:var(--sp-text);cursor:pointer}.sp-slot.active{background:var(--sp-primary);border-color:var(--sp-primary);color:var(--sp-surface);font-weight:700}.sp-slot:focus-visible{outline:2px solid var(--sp-primary);outline-offset:2px}.sp-inline-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sp-inline-form input{flex:1 1 8rem}.w-full{width:100%}