/* Personal planner themes use real generated surfaces and normal UI controls. */
.workspace [hidden]{display:none!important}
.planner-theme-fieldset,.planner-controls,.note-color-fieldset{border:0;padding:0;margin:26px 0}
.planner-theme-fieldset legend,.planner-controls legend,.note-color-fieldset legend{font-weight:650;font-size:16px;margin-bottom:10px}
.planner-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.planner-theme-option{position:relative;margin:0!important;display:block!important;min-width:0;cursor:pointer;border:2px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden;padding:0 0 12px}
.planner-theme-option:has(input:checked){border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}
.planner-theme-option>input{position:absolute;right:9px;top:9px;width:18px;height:18px;z-index:1;accent-color:var(--rose)}
.planner-theme-option strong,.planner-theme-option small{display:block;padding:0 12px}
.planner-theme-option strong{font-size:14px;margin:10px 0 3px}.planner-theme-option small{font-size:10px;line-height:1.5;color:var(--muted)}
.theme-option-visual{height:82px;display:flex;align-items:center;justify-content:center;background:#e5f0ec}
.theme-option-visual>img{width:28px;height:28px;opacity:.65}
.workspace[data-color-mode=dark] .theme-option-visual>img{filter:none}
[data-preview-theme=paper] .theme-option-visual{background:#f5eedf url('/media/planner/paper-surface.webp') center/cover}
[data-preview-theme=pastel] .theme-option-visual{background:#eee5f6 url('/media/planner/pastel-surface.webp') center/cover}
[data-preview-theme=minimal] .theme-option-visual{background:#f8f3e5}
[data-preview-theme=studio] .theme-option-visual{background:#242831}
[data-preview-theme=studio] .theme-option-visual>img{filter:invert(1)}
.workspace[data-color-mode=dark] [data-preview-theme=studio] .theme-option-visual>img{filter:invert(1)}
[data-preview-theme=clay] .theme-option-visual{background:#f8debf}
[data-preview-theme=clay] .theme-option-visual>img{width:100%;height:100%;object-fit:cover;object-position:right;opacity:1}
.planner-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.planner-controls label{margin:0!important;min-width:0}.planner-controls select{width:100%}
#modal[open]:has(#planner-design-form){display:flex;flex-direction:column;overflow:hidden}
#planner-design-form{display:flex;flex-direction:column;min-height:0}
.planner-design-scroll{overflow-y:auto;min-height:0;max-height:calc(90dvh - 190px);padding:0 3px 8px}
#planner-design-form .planner-theme-fieldset{margin-top:12px}
#planner-design-form .form-actions{flex-shrink:0;padding-top:14px;border-top:1px solid var(--line);margin-top:0}
#planner-design-form .form-error:empty{display:none}
.workspace[data-planner-theme=paper]{--paper:#f5f0e7;--white:#fffcf5;--ink:#31372d;--text:#53594c;--muted:#656c5e;--line:#dcd9cc;--green:#51684b;--rose:#51684b;--sage:#e9ecde;--pink:#f2e5dc;--accent:#51684b;background:var(--paper) url('/media/planner/paper-surface.webp') center/1000px auto}
.workspace[data-planner-theme=pastel]{--paper:#f7f1fa;--white:#fffcff;--ink:#352c40;--text:#64586e;--muted:#71647a;--line:#e5dce9;--green:#795294;--rose:#795294;--sage:#eee5f5;--pink:#f8e5ee;--accent:#795294;background:var(--paper) url('/media/planner/pastel-surface.webp') center top/cover fixed}
.workspace[data-planner-theme=minimal]{--paper:#f7f3e7;--white:#fffdf6;--ink:#191b19;--text:#51534b;--muted:#66685e;--line:#e0ddcf;--green:#20221e;--rose:#7c6415;--sage:#eeeadb;--pink:#f4e7b0;--accent:#9b7c12}
.workspace[data-planner-theme=clay]{--paper:#f8eddb;--white:#fff4e5;--ink:#423c2b;--text:#605642;--muted:#756953;--line:#e7d5b9;--green:#476b58;--rose:#476b58;--sage:#dee5ce;--pink:#f5d9c4;--accent:#476b58;background:var(--paper)}
.workspace[data-planner-theme=studio]{--paper:#f0f1f4;--white:#fff;--ink:#272b35;--text:#565c6a;--muted:#6b7180;--line:#dde0e7;--green:#8b4b47;--rose:#8b4b47;--sage:#eee3e2;--pink:#f3e7e5;--accent:#8b4b47}
.workspace[data-planner-theme]:not([data-planner-theme=classic]) .app-content{max-width:1250px}
.workspace[data-planner-theme]:not([data-planner-theme=classic]) h1,.workspace[data-planner-theme]:not([data-planner-theme=classic]) h2,.workspace[data-planner-theme]:not([data-planner-theme=classic]) h3{font-family:var(--sans);font-weight:650}
.workspace[data-planner-theme=paper] h1,.workspace[data-planner-theme=paper] .planner-greeting h2{font-family:Georgia,serif!important;font-weight:400!important}
.workspace[data-planner-theme=minimal] .sidebar{background:#181a17;color:#f4f0e5;border-color:#181a17}.workspace[data-planner-theme=minimal] .sidebar .logo,.workspace[data-planner-theme=minimal] .sidebar .side-link,.workspace[data-planner-theme=minimal] .sidebar .workspace-name,.workspace[data-planner-theme=minimal] .sidebar .workspace-name small,.workspace[data-planner-theme=minimal] .sidebar .portal-link{color:#f4f0e5}
.workspace[data-planner-theme=minimal] .sidebar .side-link.active{background:#f3dc75;color:#20211c}.workspace[data-planner-theme=minimal] .sidebar .icon img{filter:invert(1)}.workspace[data-planner-theme=minimal] .sidebar .side-link.active .icon img{filter:none}
.workspace[data-planner-theme=clay] .panel,.workspace[data-planner-theme=clay] .note-card,.workspace[data-planner-theme=clay] .planner-stat{border-color:#fff5e5;box-shadow:5px 6px 13px #b9a48635,-3px -3px 10px #fffdf5c9;border-radius:22px}
.workspace[data-planner-theme=clay] .sidebar{background:#e1e6d4}.workspace[data-planner-theme=clay] .side-link.active{background:#fff4e5;box-shadow:3px 4px 8px #adbaa640}
.workspace[data-planner-theme=paper] .panel,.workspace[data-planner-theme=paper] .note-card{border-radius:7px;box-shadow:2px 4px 8px #5c5a4210}
.workspace[data-planner-theme=pastel] .panel,.workspace[data-planner-theme=pastel] .note-card{border-radius:22px;box-shadow:0 7px 22px #7b668a0d}
.planner-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.planner-heading .eyebrow{margin-bottom:7px}.planner-heading h1{font-size:32px;margin:0}
.planner-greeting{position:relative;overflow:hidden;background:var(--sage);border:1px solid var(--line);border-radius:22px;padding:32px;margin-bottom:24px;min-height:210px}
.planner-greeting>div{position:relative;z-index:1}.planner-greeting small{color:var(--muted);font-size:12px}.planner-greeting h2{font-size:30px;margin:12px 0 8px}.planner-greeting p{max-width:410px;font-size:14px;margin-bottom:20px}.planner-greeting .btn{margin:0 6px 6px 0}
.workspace[data-planner-theme=clay] .planner-greeting{background:#f4ccaa;min-height:300px;padding:30px;box-shadow:5px 7px 16px #b69b7833}
.clay-greeting-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right top}
.workspace[data-planner-theme=clay] .planner-greeting>div{max-width:53%}.workspace[data-planner-theme=clay] .planner-greeting h2{font-size:29px}
.planner-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}
.planner-stat{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:18px;text-align:left;min-width:0}
.planner-stat>.icon{width:38px;height:38px;border-radius:12px;background:var(--sage);display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.planner-stat>span:not(.icon){font-size:12px;font-weight:550;overflow-wrap:anywhere}.planner-stat strong{font-size:30px;font-weight:650;line-height:1.3;margin:8px 0 14px}.planner-stat small{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text)}.planner-stat small .icon img{width:12px;height:12px}
.workspace[data-planner-theme=pastel] .stat-0{background:#f9dde9}.workspace[data-planner-theme=pastel] .stat-1{background:#e8dff8}.workspace[data-planner-theme=pastel] .stat-2{background:#def1e6}.workspace[data-planner-theme=pastel] .stat-3{background:#fae9ce}
.workspace[data-planner-theme=minimal] .stat-0{background:#f5df7e}.workspace[data-planner-theme=clay] .stat-0{background:#dfe5cc}.workspace[data-planner-theme=clay] .stat-1{background:#f5d4bf}.workspace[data-planner-theme=clay] .stat-2{background:#f7df9c}.workspace[data-planner-theme=clay] .stat-3{background:#d6e2e7}
.personal-planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.personal-planner-grid>.panel{margin:0;min-width:0}.personal-planner-grid .compact{margin-top:0}.personal-planner-grid .planning-priority{grid-column:1/-1;margin-bottom:0}
.planner-world-links{display:flex;align-items:center;gap:12px;padding:24px 0 0;margin-top:24px;border-top:1px solid var(--line)}.planner-world-links>div{margin-right:auto}.planner-world-links h2{font-size:20px;margin-bottom:6px}.planner-world-links p{margin-bottom:0}
.note-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.note-color-choice{display:flex!important;flex-direction:row!important;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;margin:0!important;font-size:12px;min-height:46px;cursor:pointer}.note-color-choice input{width:16px!important;height:16px;min-height:0!important;margin:0!important}
.note-color-choice:has(input:checked){outline:2px solid var(--rose);outline-offset:1px}
.workspace .color-plain{--note-bg:var(--white)}.workspace .color-pink{--note-bg:#fae0e8}.workspace .color-yellow{--note-bg:#f8edbe}.workspace .color-green{--note-bg:#e0efd9}.workspace .color-blue{--note-bg:#e0eef8}.workspace .color-purple{--note-bg:#ebe0f5}
.workspace .note-card[class],.workspace .note-color-choice{background:var(--note-bg,var(--white));color:var(--ink)}
.workspace .note-card p{white-space:pre-wrap;overflow-wrap:anywhere}.workspace .note-search{max-width:520px;margin:0 0 22px}.workspace .notes-grid{gap:18px}.workspace .note-card small{color:var(--muted)}
.workspace .note-search{flex-direction:row;align-items:center;gap:10px;min-height:48px}.workspace .note-search>.icon{flex-shrink:0}.workspace .note-search input{min-width:0}
.workspace[data-color-mode=dark]{--paper:#1c2028;--white:#262c36;--ink:#f0f0f4;--text:#c5c9d3;--muted:#a9afbc;--line:#3e4654;--green:#b6d7c5;--rose:#b6d7c5;--sage:#303d39;--pink:#423a40;--accent:#b6d7c5;background:var(--paper);color-scheme:dark}
.workspace[data-color-mode=dark][data-planner-theme=studio]{--paper:#1d2028;--white:#292d36;--sage:#45363a;--green:#ffc0b5;--rose:#ffc0b5;--accent:#ffc0b5}
.workspace[data-color-mode=dark] .sidebar,.workspace[data-color-mode=dark] .app-header,.workspace[data-color-mode=dark] .mobile-nav{background:var(--white);border-color:var(--line)}
.workspace[data-color-mode=dark] .sidebar .logo,.workspace[data-color-mode=dark] .sidebar .side-link,.workspace[data-color-mode=dark] .sidebar .workspace-name,.workspace[data-color-mode=dark] .sidebar .workspace-name small,.workspace[data-color-mode=dark] .sidebar .portal-link{color:var(--ink)}
.workspace[data-color-mode=dark] .side-link.active{background:var(--sage);color:var(--ink)}.workspace[data-color-mode=dark] .icon img{filter:brightness(0) invert(1)}
.workspace[data-color-mode=dark] .btn{background:var(--green);border-color:var(--green);color:#20252a}.workspace[data-color-mode=dark] .btn .icon img{filter:none}
.workspace[data-color-mode=dark] .btn.secondary{background:var(--sage);border-color:var(--line);color:var(--ink)}.workspace[data-color-mode=dark] .btn.secondary .icon img{filter:brightness(0) invert(1)}
.workspace[data-color-mode=dark] .mobile-nav-item.active{color:var(--green)}.workspace[data-color-mode=dark] .affinity-chip.active{color:#20252a}.workspace[data-color-mode=dark] .appearance-option small{color:var(--muted)}
.workspace[data-color-mode=dark] .planner-stat,.workspace[data-color-mode=dark] .panel,.workspace[data-color-mode=dark] .note-card{border-color:var(--line);box-shadow:none}
.workspace[data-color-mode=dark] .stat-0{background:#353141}.workspace[data-color-mode=dark] .stat-1{background:#383042}.workspace[data-color-mode=dark] .stat-2{background:#2e3c38}.workspace[data-color-mode=dark] .stat-3{background:#3b3730}
.workspace[data-color-mode=dark] .color-pink{--note-bg:#49323f}.workspace[data-color-mode=dark] .color-yellow{--note-bg:#44402d}.workspace[data-color-mode=dark] .color-green{--note-bg:#303f34}.workspace[data-color-mode=dark] .color-blue{--note-bg:#2d3c4d}.workspace[data-color-mode=dark] .color-purple{--note-bg:#3c334b}
.workspace[data-color-mode=dark][data-planner-theme=clay] .planner-greeting>div{color:#423c2b}.workspace[data-color-mode=dark][data-planner-theme=clay] .planner-greeting h2{color:#423c2b}.workspace[data-color-mode=dark][data-planner-theme=clay] .planner-greeting p,.workspace[data-color-mode=dark][data-planner-theme=clay] .planner-greeting small{color:#605642}
.workspace[data-planner-accent=sage]{--green:#466653;--rose:#466653;--accent:#466653}.workspace[data-planner-accent=coral]{--green:#a44e43;--rose:#a44e43;--accent:#a44e43}.workspace[data-planner-accent=blue]{--green:#3e6493;--rose:#3e6493;--accent:#3e6493}.workspace[data-planner-accent=lavender]{--green:#765293;--rose:#765293;--accent:#765293}.workspace[data-planner-accent=amber]{--green:#806515;--rose:#806515;--accent:#806515}
.workspace[data-planner-accent]:not([data-planner-accent=theme]) .btn:not(.secondary){color:#fff}.workspace[data-planner-accent]:not([data-planner-accent=theme]) .btn:not(.secondary) .icon img{filter:brightness(0) invert(1)}
.workspace[data-color-mode=dark][data-planner-accent=sage]{--green:#b6d7c5;--rose:#b6d7c5;--accent:#b6d7c5}.workspace[data-color-mode=dark][data-planner-accent=coral]{--green:#ffc0b5;--rose:#ffc0b5;--accent:#ffc0b5}.workspace[data-color-mode=dark][data-planner-accent=blue]{--green:#aacbf7;--rose:#aacbf7;--accent:#aacbf7}.workspace[data-color-mode=dark][data-planner-accent=lavender]{--green:#d7bdec;--rose:#d7bdec;--accent:#d7bdec}.workspace[data-color-mode=dark][data-planner-accent=amber]{--green:#f0d588;--rose:#f0d588;--accent:#f0d588}
.workspace[data-color-mode=dark][data-planner-accent] .btn:not(.secondary){color:#20252a}.workspace[data-color-mode=dark][data-planner-accent] .btn:not(.secondary) .icon img{filter:none}
.workspace[data-density=compact] .panel{padding:16px}.workspace[data-density=compact] .personal-planner-grid{gap:14px}.workspace[data-density=compact] .task-row{min-height:44px}.workspace[data-density=compact] .planner-stat{padding:14px}.workspace[data-density=compact] .planner-stat>.icon{margin-bottom:8px}.workspace[data-density=compact] .planner-greeting{min-height:180px;padding:24px}.workspace[data-density=compact] .note-card{min-height:155px}
@media(max-width:900px){.planner-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-controls{grid-template-columns:1fr 1fr}.planner-heading{margin-bottom:16px}.planner-heading h1{font-size:27px}.planner-greeting{padding:22px;min-height:210px;margin-bottom:18px;border-radius:18px}.planner-greeting h2{font-size:25px;overflow-wrap:anywhere}.planner-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.planner-stat{padding:16px;min-height:157px}.planner-stat strong{font-size:26px;margin:5px 0 8px}.planner-stat>.icon{margin-bottom:8px}.personal-planner-grid{grid-template-columns:1fr;gap:18px}.planner-world-links{flex-wrap:wrap}.planner-world-links>div{flex:0 0 100%;margin-bottom:6px}.workspace[data-planner-theme=clay] .planner-greeting,.workspace[data-planner-theme=clay][data-density=compact] .planner-greeting{padding:155px 22px 20px;min-height:325px}.clay-greeting-art{height:140px;object-fit:cover;object-position:right top}.workspace[data-planner-theme=clay] .planner-greeting>div{max-width:none}.workspace[data-planner-theme=clay] .planner-greeting h2{font-size:25px}.note-color-options{grid-template-columns:1fr 1fr}.workspace[data-color-mode=dark][data-planner-theme=clay] .planner-greeting{background:#f4ccaa}.workspace .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace .note-card{padding:16px;min-height:175px}.workspace .note-card h2{font-size:18px}.workspace .note-card p{font-size:12px}.workspace .note-card small{font-size:10px}}
@media(max-width:380px){.planner-controls{grid-template-columns:1fr}.workspace .notes-grid{grid-template-columns:1fr}.planner-theme-option strong{font-size:13px}.planner-stat{padding:14px}.planner-summary{gap:10px}}
@media(prefers-reduced-motion:reduce){.workspace[data-planner-theme] *{scroll-behavior:auto}}