.unified-panel{padding:16px;border:1px solid #d7e1ef;border-radius:16px;margin:18px 0;background:#f4f7fc}.unified-panel label{display:block;margin:12px 0;font-size:14px}.unified-panel select{display:block;width:100%;padding:10px;margin-top:6px;min-height:44px;background:#fff;border:1px solid #ccd8e8;border-radius:10px;color:#18345a}.unified-panel p{font-size:13px;color:#425976;line-height:1.65}.unified-panel button{min-height:44px}.device-buttons{display:flex;flex-wrap:wrap;gap:6px}.color-pair{display:flex;gap:18px}.color-pair input{display:block;width:80px;height:44px;padding:2px}.unified-panel input[type=range]{display:block;width:100%;min-height:44px}.unified-panel summary{min-height:44px;padding:10px 0}.unified-panel output{font-weight:bold}.unified-panel #widget-style-error{color:#a72d2d}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .shell,html[data-theme=dark] header,html[data-theme=dark] nav,html[data-theme=dark] dialog{background:#111827;color:#edf2fa}html[data-theme=dark] header img{background:#fff;border-radius:8px;padding:5px}html[data-theme=dark] .demo{background:#24334d;color:#e0e8f4}html[data-theme=dark] .panel,html[data-theme=dark] .unified-panel,html[data-theme=dark] .event,html[data-theme=dark] .extra,html[data-theme=dark] .completion-tools,html[data-theme=dark] .quick-add,html[data-theme=dark] .empty,html[data-theme=dark] .calendar-panel,html[data-theme=dark] .summary{background:#1c2940;border-color:#455570;color:#edf2fa}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .search-field{background:#172238;color:#edf2fa;border-color:#60708a}html[data-theme=dark] .categories button,html[data-theme=dark] .pillbar button,html[data-theme=dark] .date-tile,html[data-theme=dark] .detail-actions button{background:#293b58;color:#f0f5ff}html[data-theme=dark] .categories .active,html[data-theme=dark] .pillbar .active,html[data-theme=dark] nav button.active{background:#315d99;color:#fff}html[data-theme=dark] .sub,html[data-theme=dark] small,html[data-theme=dark] .note,html[data-theme=dark] .hint,html[data-theme=dark] .unified-panel p,html[data-theme=dark] .completion-tools p,html[data-theme=dark] .source-tag,html[data-theme=dark] .memo,html[data-theme=dark] nav button{color:#c2cfe3}html[data-theme=dark] .done b{color:#b9c7da}html[data-theme=dark] .status-tabs button,html[data-theme=dark] .link{color:#a7c8ff}html[data-theme=dark] .primary{background:#3266b6;color:white}html[data-theme=dark] .mini{background:#223950;color:#f0f4fa}html[data-theme=dark] .mini:nth-child(2n){background:#302c4c}html[data-theme=dark] .member-actions button,html[data-theme=dark] .member-actions a{color:#d5e5ff}html[data-theme=dark] .unified-panel #widget-style-error{color:#ffb4b4}
/* Keep readable surfaces and secondary labels across every planner screen. */
html[data-theme=dark]{--ink:#edf2fa;--muted:#c2cfe3;--line:#455570}
html[data-theme=dark] .member-actions,html[data-theme=dark] .hint.section,html[data-theme=dark] .add-mini,html[data-theme=dark] .photo-editor,html[data-theme=dark] .service-editor{background:#1c2940!important;color:#edf2fa;border-color:#455570}
html[data-theme=dark] .services button,html[data-theme=dark] .eyebrow,html[data-theme=dark] .date-heading,html[data-theme=dark] .quick-add p,html[data-theme=dark] .mini small,html[data-theme=dark] .mini .service-meta{color:#c2cfe3}
html[data-theme=dark] .home-view .mini b{color:#a7c8ff}
html[data-theme=dark] input::placeholder,html[data-theme=dark] .search-field input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b9c7da;opacity:1}
html[data-theme=dark] .search-field input{color:#edf2fa}
.wallpaper{background-color:#718097;background-image:linear-gradient(45deg,#ffffff18 25%,transparent 25%),linear-gradient(-45deg,#ffffff18 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff18 75%),linear-gradient(-45deg,transparent 75%,#ffffff18 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}

html[data-theme=dark] .member-actions>*,html[data-theme=dark] .day-options,html[data-theme=dark] .hint,html[data-theme=dark] .photo-modes button,html[data-theme=dark] .photo-choices button,html[data-theme=dark] .service-preview,html[data-theme=dark] .milestone-presets button,html[data-theme=dark] .quick-add button{background:#24334d;color:#d5e5ff;border-color:#60708a}
html[data-theme=dark] .event .body>small,html[data-theme=dark] .event .source-tag,html[data-theme=dark] .event .memo,html[data-theme=dark] .empty p,html[data-theme=dark] .schedule-detail dt,html[data-theme=dark] .welcome .sub,html[data-theme=dark] .welcome-actions small{color:#c2cfe3}
html[data-theme=dark] .welcome h1,html[data-theme=dark] .service-editor>summary,html[data-theme=dark] .extra summary,html[data-theme=dark] .summary strong,html[data-theme=dark] .detail-days,html[data-theme=dark] .tools button{color:#a7c8ff}
html[data-theme=dark] .welcome-login{background:#24334d;color:#d5e5ff}
html[data-theme=dark] .photo-modes button[aria-pressed=true],html[data-theme=dark] .photo-choices button[aria-pressed=true]{background:#315d99;color:white;border-color:#aac8ef}
html[data-theme=dark] dialog input:not([type=checkbox]),html[data-theme=dark] dialog select{background:#172238;color:#edf2fa}
html[data-theme=dark] .clock{color:#fff}
.wallpaper .widget .event,.wallpaper .widget .body,.wallpaper .widget .body>small,.wallpaper .widget .source-tag,.wallpaper .widget .memo,.wallpaper .widget small{color:inherit;background:transparent;opacity:1}

html[data-theme=dark] .editor-source{background:#24334d;color:#d5e5ff}