/* Full-viewport scenes; compact controls remain separate from the artwork. */
aside{display:none!important}main{margin-left:0;padding:22px 30px 16px}.desktop-tools{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;order:5}.desktop-tools>button,.new-menu>summary{padding:11px 13px;border-radius:12px;white-space:nowrap;background:#f8f6f0d9;font-size:13px;color:#43475f}.new-menu{position:relative;margin:0}.new-menu>summary{list-style:none;cursor:pointer}.new-menu>summary::-webkit-details-marker{display:none}.new-options{position:absolute;right:0;top:calc(100% + 8px);width:155px;padding:8px;background:#f9f7f1f5;backdrop-filter:blur(12px);border:1px solid #ffffff80;border-radius:15px;box-shadow:0 12px 32px #17233b33;z-index:20}.new-options button{display:block;width:100%;padding:12px;text-align:left;border-radius:8px;background:transparent}.new-options button:hover{background:#e5dfee}header>.icon-btn[data-nav]{display:none}
body[data-page=home] main{padding:0;background:#172b47;position:relative}body[data-page=home] header{position:absolute;top:max(18px,env(safe-area-inset-top));left:28px;right:28px;z-index:5;margin:0;pointer-events:none}body[data-page=home] header button,body[data-page=home] header nav{pointer-events:auto}body[data-page=home] .demo-note{display:none}#content.home-view{height:100%;overflow:hidden}.home-stage{height:100%;min-height:0;padding:110px 20px 30px}.home-message{padding-top:15px}.home-tools,.floating-categories{flex:none}.home-tools{display:none}.floating-categories{display:none}


body[data-page=category] main{background-image:none;background-position:center;background-size:cover;background-repeat:no-repeat}body[data-page=category] header{background:#faf9f5db;backdrop-filter:blur(9px);border-radius:16px;padding:10px 14px}body[data-page=category] .demo-note{display:none}body[data-page=category] .category-controls,body[data-page=category] .category-records{background:#faf9f5de;backdrop-filter:blur(7px);border:1px solid #ffffff70;border-radius:17px;padding:15px}body[data-page=category] .record{background:#fff9}body[data-page=category] .category-banner{background:transparent}body[data-page=category] .summary-box{background:#ffffff66}
#content.dream-layout{display:block;overflow-y:auto;padding-bottom:24px;scrollbar-gutter:stable}.visual-dream-intro{min-height:0;margin:0;padding:15px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.visual-dream-intro h2{font-size:22px;margin:0}.dream-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dream-column{min-width:0}.dream-column>h2{position:sticky;top:0;background:var(--paper);padding:14px 0;margin:0;z-index:2;font-family:var(--sans);font-size:14px;letter-spacing:2px}.dream-row{padding:12px!important;min-height:58px;gap:10px!important}.dream-row-title{font-size:14px}.dream-preview{margin-top:4px!important}.dream-tabs{display:none}body[data-page=dreams] .demo-note{display:none}body[data-page=dreams] #dateLabel{display:none}body[data-page=dreams] header h1{font-size:21px}body[data-page=dreams] #headerAdd{display:grid}body[data-page=dreams] .done-badge{font-size:9px}
@media(min-width:601px){#content.calendar-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:26px}.calendar-controls{display:flex;flex-direction:column;justify-content:center;overflow:hidden;max-height:none;padding:0;min-height:0}.desktop-calendar{display:grid;grid-template-rows:repeat(var(--weeks,6),minmax(0,1fr));flex:0 1 520px;min-height:0;max-height:calc(100% - 105px)}.calendar-layout .day{min-height:0;padding:clamp(3px,1vh,12px) 3px;gap:5px;justify-content:center}.calendar-layout .month-head{flex:none;margin-bottom:8px}.calendar-note{margin-top:8px;flex:none}.calendar-records{border-left:1px solid var(--line);padding-left:22px}.calendar-layout .week-labels{flex:none}.calendar-layout .dots{gap:2px}}
@keyframes save-flight{0%{opacity:0;transform:translate(0,0) scale(.6)}12%{opacity:1}48%{opacity:1;transform:translate(var(--middle-x),var(--middle-y)) scale(1.1)}60%{opacity:1;transform:translate(var(--middle-x),var(--middle-y)) scale(1.9);box-shadow:0 0 16px 6px #fff0c9aa,0 0 32px 12px #d7c7ff77}100%{opacity:0;transform:translate(var(--flight-x),var(--flight-y)) scale(.3)}}.save-light{animation-duration:1.5s}.category{transition:transform .38s ease,box-shadow .38s ease}.category:active{transform:translateY(-5px) scale(1.025)}
@media(max-width:600px){main{padding:16px 12px 12px}.desktop-tools{display:none}body[data-page=home] header{left:16px;right:16px;top:max(16px,env(safe-area-inset-top))}body[data-page=home] header h1{font-size:21px}.home-stage{padding:100px 12px calc(85px + env(safe-area-inset-bottom));gap:14px}.floating-categories{display:grid}.home-tools{display:grid;position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);grid-template-columns:repeat(4,60px)}.home-message{margin-bottom:auto;padding-top:10px}.home-message h2{font-size:22px}.home-tools button{background:#faf7f1d9}body[data-page=category] .category-controls{padding:10px;margin-bottom:8px}body[data-page=category] .category-records{padding:8px;flex:1;display:flex;flex-direction:column;min-height:0}body[data-page=category] header{padding:8px 10px}.visual-dream-intro{display:block;padding:12px 0 20px}.visual-dream-intro h2{font-size:20px;margin-bottom:16px}.dream-tabs{position:sticky;top:0;z-index:4;background:#faf9f5f5;backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:10px}.dream-tabs button{background:transparent;min-height:49px;font-size:13px;letter-spacing:1px;border-bottom:2px solid transparent}.dream-tabs button[aria-selected=true]{border-bottom-color:#81759b;color:#5c4b77}.dream-columns{display:block}.dream-column>h2{display:none}.dream-row{min-height:64px}.dream-column[hidden]{display:none!important}body input:not([type=checkbox]):not([type=radio]):not([type=range]),body textarea,body select,body .toolbar #memoryQuery,body .stats-month input{font-size:16px!important}dialog{max-height:min(92dvh,var(--keyboard-height,92dvh));scroll-padding:65px 0 90px}input,textarea,select{scroll-margin:70px 0 100px}}
@media(prefers-reduced-motion:reduce){.category{transition:none}}
/* Removable testing panel, kept at the left instead of over the scene center. */
.test-panel summary{font-size:13px;font-weight:500}.test-panel label{font-size:12px}.test-panel input,.test-panel select{font-size:14px;padding:8px;min-width:0}.test-panel input[type=range]{padding:0;margin:10px 0}.test-buttons{display:flex;flex-wrap:wrap;gap:5px}.test-buttons button,.test-stepper button{background:#e9e3ef;border-radius:8px;min-height:35px;padding:8px;font-size:11px}.test-buttons button[aria-pressed=true]{background:#716582;color:white}.test-stages button{flex:1;padding:7px 4px}.test-stepper{display:grid;grid-template-columns:36px 1fr 36px;gap:6px}.test-stepper input{text-align:center}.test-note{font-size:11px!important;line-height:1.7;color:#72687e;margin:9px 0!important}.test-open{position:absolute;left:16px;top:74px;z-index:8;background:#faf7f1da;color:#4e4661;backdrop-filter:blur(8px);border:1px solid #ffffff70;border-radius:12px;padding:11px 14px;font-size:12px}
@media(max-width:600px){.test-open{left:10px;top:66px}.test-panel summary{min-height:28px}.test-panel input,.test-panel select{font-size:16px!important}}