/* Accepted home preview: amethyst above, charcoal cards on a black lower half. */
.app[data-screen="home"] {
  --home-ink:#faf8fc;
  --home-muted:#b0adb5;
  --home-accent:#d4b0ef;
  --home-line:#ffffff14;
  --home-card:linear-gradient(130deg,#ffffff05,transparent 64%),#1b1b1d;
  background:#000;color:var(--home-ink);
}
.home-screen.home-dashboard {
  display:flex;flex-direction:column;padding:44px 20px 26px;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  background-color:#000;
  background-image:radial-gradient(ellipse at 12% 0%,#a174d3e0 0%,#8151b47a 42%,transparent 76%),linear-gradient(180deg,#583475 0%,#47265f 38%,#23132f 71%,#000 100%);
  background-size:100% 385px;background-repeat:no-repeat;
}
.home-dashboard>* {flex-shrink:0;}
.home-dashboard .home-header {display:flex;align-items:center;justify-content:space-between;height:52px;margin:0 -4px;}
.home-dashboard .home-header .icon-button {width:40px;height:44px;border-radius:14px;color:var(--home-ink);}
.home-dashboard .home-header .icon {width:26px;height:26px;stroke-width:2;}
.home-dashboard .home-header [data-action="project-menu"] .icon circle {fill:currentColor;stroke:none;}
.home-dashboard .home-wordmark {display:flex;align-items:center;gap:7px;white-space:nowrap;font-family:ui-rounded,"Arial Rounded MT Bold",sans-serif;font-size:18px;font-weight:700;letter-spacing:-.35px;}
.home-wordmark .home-brand-wave {display:block;width:22px;height:22px;flex:none;stroke:none;}
.home-dashboard .home-hero {height:242px;padding:42px 5px 0;}
.home-hero h1 {margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:49px;font-weight:500;letter-spacing:-1.9px;line-height:1.02;}
.home-hero h1 button {display:inline;padding:0;border-radius:7px;vertical-align:baseline;font:inherit;letter-spacing:inherit;color:var(--home-accent);text-align:left;}
.home-hero h1 button:hover {color:#ead3fa;}
.home-projects {padding-top:24px;}
/* Cover and project selection share a row; capture tools belong to the composer. */
.home-card-grid {display:grid;grid-template-columns:minmax(0,212fr) minmax(0,128fr);min-height:216px;gap:10px;}
.home-dashboard .home-composer {border:1px solid transparent;border-radius:20px;background:transparent;box-shadow:none;isolation:isolate;}
.home-dashboard .home-project-slot {position:relative;inset:auto;width:auto;min-width:0;height:216px;z-index:6;}
/* Clean pastel fronts and a separate, softly feathered glass surface behind the text. */
.home-cover-deck {position:relative;left:-14px;width:250px;height:196px;margin-top:-8px;isolation:isolate;touch-action:pan-y;user-select:none;cursor:grab;perspective:1000px;transform:scale(1);transform-origin:128px 96px;transition:transform 420ms cubic-bezier(.22,.7,.22,1) 180ms;}
.home-card-grid:has(> .home-project-wheel.is-interacting) .home-cover-deck {transform:scale(.94);transition-duration:280ms;transition-delay:0s;}
.home-cover-deck.is-dragging {cursor:grabbing;}
.home-deck-cover {--cover-x:0px;--cover-y:0px;--cover-turn:-4deg;--cover-scale:1;--card-accent:146,125,202;--front-base:#dcd7be;--front-wash:#f3efd8;--front-glow:#fff2bd;--front-foot:#d2cfbd;--front-star:#666344;--front-ink:#34382f;position:absolute;left:36px;top:0;width:184px;height:192px;display:block;padding:0;border:0;border-radius:18px;background:none;text-align:left;transform-style:preserve-3d;transform:translateX(calc(var(--cover-x) + var(--deck-drag,0px))) translateY(var(--cover-y)) rotate(var(--cover-turn)) scale(var(--cover-scale));transition:transform 320ms cubic-bezier(.2,.7,.2,1);cursor:pointer;will-change:transform;}
.home-deck-cover--intro {--card-accent:146,125,202;--front-base:#dcd7be;--front-wash:#f3efd8;--front-glow:#fff2bd;--front-foot:#d2cfbd;--front-star:#666344;--front-ink:#34382f;--front-edge:#e9dfa8d9;--front-halo:#e9dfa82e;}
.home-deck-cover--middle {--card-accent:171,114,166;--front-base:#b6bbed;--front-wash:#dfe5fa;--front-glow:#bbcaff;--front-foot:#ffc29a;--front-star:#4d5281;--front-ink:#2d3158;--front-edge:#aca8ead9;--front-halo:#aca8ea2e;}
.home-deck-cover--outro {--card-accent:181,139,111;--front-base:#d8abbf;--front-wash:#f0d8e2;--front-glow:#ffd0df;--front-foot:#ffa591;--front-star:#87505d;--front-ink:#533443;--front-edge:#e7a3bed9;--front-halo:#e7a3be2e;}
.home-deck-cover[data-slot="center"] {z-index:3;}
.home-deck-cover[data-slot="left"] {--cover-x:-53px;--cover-y:12px;--cover-turn:-15deg;--cover-scale:.66;z-index:1;}
.home-deck-cover[data-slot="right"] {--cover-x:46px;--cover-y:0px;--cover-turn:12deg;--cover-scale:.64;z-index:2;}
.home-cover-deck.is-dragging .home-deck-cover {transition:none;cursor:grabbing;}
.home-card-turn {position:absolute;inset:0;display:block;border-radius:inherit;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform 520ms cubic-bezier(.22,.7,.22,1);}
.home-deck-cover[data-flipped="true"] .home-card-turn {transform:rotateY(180deg);}
.home-card-face {position:absolute;inset:0;display:block;overflow:hidden;border:1px solid #e2def547;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 1px 0 #ffffff38,0 10px 20px #0005;}
/* A narrow colored perimeter, with just enough diffusion to soften its outside edge. */
.home-card-front {transform:rotateY(0deg) translateZ(.5px);background:var(--front-base);border-color:var(--front-edge);box-shadow:0 0 0 1px var(--front-edge),0 0 4px var(--front-halo),0 10px 20px #0005;}
.home-card-art {position:absolute;inset:-8px;background:radial-gradient(ellipse 80% 68% at 64% 10%,var(--front-glow) 0% 12%,transparent 94%),radial-gradient(ellipse 84% 88% at 4% 7%,var(--front-wash) 0% 8%,transparent 94%),radial-gradient(ellipse 70% 60% at 58% 105%,var(--front-foot) 0% 10%,transparent 100%),var(--front-base);filter:blur(8px);}
.home-card-glass {position:absolute;inset:0;background:linear-gradient(125deg,#ffffff0c,transparent 60%);box-shadow:inset 1px 1px 0 #ffffff12;}
.home-card-flip-mark {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:30px;height:30px;color:var(--front-star);opacity:.57;}
.home-card-star {display:block;width:100%;height:100%;fill:currentColor;stroke:none;}
/* Place every section name below its star, using the same ink and opacity. */
.home-card-section {position:absolute;left:14px;right:14px;top:calc(50% + 25px);display:block;text-align:center;font-size:18px;font-weight:400;line-height:24px;letter-spacing:-.2px;color:var(--front-star);opacity:.57;text-shadow:none;pointer-events:none;}
.home-card-section-ink {display:inline-block;}

.home-card-back {display:flex;flex-direction:column;padding:15px 16px 14px;overflow:visible;border-color:transparent;background:none;box-shadow:none;transform:rotateY(180deg) translateZ(.5px);color:#f2f2f5;}
/* Blur the glass surface itself so its perimeter feathers without blurring the text. */
.home-card-back::before {content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 105% 78% at 10% 2%,#9cbad537,transparent 72%),radial-gradient(ellipse 90% 60% at 90% 100%,#aecedc1c,transparent 78%),linear-gradient(145deg,#304155e0,#242f3dd1 58%,#26353edb);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);filter:blur(1px);box-shadow:inset 0 0 0 1px #e3eff328,inset 0 6px 16px #b4d8f00c,0 8px 18px #0309154d;}
.home-card-note-mark {display:block;flex:none;height:14px;margin-bottom:12px;color:#d9dce8cc;}
.home-card-note-mark .icon {width:14px;height:14px;stroke-width:1.2;}
.home-card-copy {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;white-space:pre-line;overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:1.32;letter-spacing:-.15px;}
.home-card-credit {display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex:none;margin-top:auto;padding-top:8px;font-size:10px;line-height:14px;color:#d1d3ddd9;}
.home-card-credit>span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-card-credit small {flex:none;font-size:8px;color:#c8ccdc91;}
.home-deck-ribbon {position:absolute;left:-16px;top:-21px;width:282px;height:232px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 12px #b66aec1f);}
.home-deck-spark {position:absolute;left:171px;top:-24px;color:#f2dfff;font-size:16px;text-shadow:0 0 12px #d6a6ff;pointer-events:none;}
/* Overlay the front card without nesting interactive buttons inside its flip button. */
.home-deck-pagination {position:absolute;left:36px;top:0;width:184px;height:192px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 6px;transform:translateX(var(--deck-drag,0px)) rotate(-4deg);transition:transform 320ms cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:4;}
.home-cover-deck.is-dragging .home-deck-pagination {transition:none;}
.home-cover-deck:has(.home-deck-cover[data-slot="center"][data-flipped="true"]) .home-deck-pagination {visibility:hidden;}
.home-deck-dot {display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;pointer-events:auto;}
.home-deck-dot span {display:block;width:6px;height:6px;border-radius:999px;background:#ffffff66;transition:width 180ms ease,background-color 180ms ease,box-shadow 180ms ease;}
.home-deck-dot:hover span {background:#ffffffa6;}
.home-deck-dot[aria-pressed="true"] span {width:18px;background:#fff;box-shadow:0 0 0 3px #ffffff24;}
.home-dashboard .home-deck-dot:focus-visible {outline-color:#fff;}
.home-project-wheel {position:relative;grid-column:2;min-width:0;width:calc(100% + 12px);height:216px;z-index:7;overflow:hidden;touch-action:pan-x pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab;opacity:.5;transform:scale(.82);transform-origin:calc(100% - 13px) 50%;transition:opacity 650ms ease 180ms,transform 420ms cubic-bezier(.22,.7,.22,1) 180ms;}
.home-project-wheel.is-interacting {opacity:1;transform:scale(1);transition-duration:140ms,280ms;transition-delay:0s;}
.home-project-wheel.is-dragging {cursor:grabbing;}
.home-project-arc {position:absolute;top:0;right:-4px;width:24px;height:216px;fill:none;stroke:#baa0d64d;stroke-width:.65;pointer-events:none;}
.home-project-tick {position:absolute;right:9px;top:106px;width:8px;height:4px;border-radius:999px;background:var(--home-accent);pointer-events:none;}
.home-project-choice {position:absolute;left:0;top:82px;transform:translate3d(var(--project-bend),calc(var(--project-offset)*64px),0);display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:5px;width:calc(100% - 22px);height:52px;padding:0;border-radius:12px;text-align:right;color:color-mix(in srgb,#a39aa9,#fcf8ff calc(var(--project-focus,0)*100%));opacity:var(--project-visibility,1);cursor:inherit;will-change:transform;}
/* Keep project names clear of the card stack as they follow the arc. */
.home-project-choice-copy {display:block;min-width:0;padding-left:12px;}
.home-project-choice strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;font-weight:calc(450 + var(--project-focus,0)*200);letter-spacing:-.25px;}
.home-project-choice small {display:block;max-height:calc(var(--project-focus,0)*22px);overflow:hidden;opacity:var(--project-focus,0);margin-top:calc(var(--project-focus,0)*3px);font-size:8px;line-height:11px;color:#b8a8c6;overflow-wrap:anywhere;}
.home-project-symbol {display:grid;place-items:center;justify-self:center;width:calc(32px + var(--project-focus,0)*8px);height:calc(32px + var(--project-focus,0)*2px);border-radius:999px;background:color-mix(in srgb,#ffffff0b,var(--home-accent) calc(var(--project-focus,0)*100%));color:color-mix(in srgb,#c6bdce,#23132d calc(var(--project-focus,0)*100%));}
.home-project-symbol .icon {width:17px;height:17px;stroke-width:1.65;}
/* Only the form occupies layout space. Saved ideas overlay the content above it. */
.home-capture {--visible-rows:0;position:relative;isolation:isolate;z-index:8;flex:none;margin-top:22px;padding-top:0;}
.home-capture[data-count="1"] {--visible-rows:1;}
.home-capture[data-count="2"] {--visible-rows:2;}
.home-capture[data-count="3"] {--visible-rows:3;}
/* Restore the original backing pocket and overlapping strips; only their positioning is new. */
.home-idea-stack {position:absolute;left:12px;right:12px;bottom:calc(100% - 20px);height:calc(var(--visible-rows)*26px + 52px);isolation:isolate;z-index:0;}
.home-idea-stack::before {content:"";position:absolute;inset:-12px 0 0;z-index:-1;border:1px solid #d4b0ef12;border-radius:24px 24px 20px 20px;background:radial-gradient(ellipse at 22% 0%,#b28bd022,transparent 76%),linear-gradient(160deg,#27212eee,#1c1922);pointer-events:none;}
.home-idea-stack::after {content:"";position:absolute;inset:-7px 5px -5px;z-index:-2;border-radius:24px;background:#100c1840;filter:blur(12px);pointer-events:none;}
.home-capture-scroll {position:absolute;top:-6px;left:0;right:0;height:calc(var(--visible-rows)*26px + 22px);padding:6px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scroll-snap-type:y mandatory;scroll-padding-block:6px;scrollbar-width:none;overflow-anchor:none;}
.home-capture-scroll::-webkit-scrollbar {display:none;}
.home-capture-row {height:26px;padding:0 var(--strip-right) 0 var(--strip-left);scroll-snap-align:start;}
.home-capture-row:last-child {height:36px;}
.home-capture-strip {height:36px;display:flex;align-items:center;padding:0 4px 0 0;border:1px solid #dfc6f121;border-radius:18px;background:linear-gradient(120deg,#554361,#37303f);box-shadow:0 3px 9px #0002;transform:rotate(var(--strip-angle));text-align:left;color:#e8deed;}
.home-capture-row:nth-child(3n+2) .home-capture-strip {background:linear-gradient(120deg,#473c55,#342d40);}
.home-capture-row:nth-child(3n) .home-capture-strip {background:linear-gradient(120deg,#574254,#3c2f3c);}
.home-capture-open {display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:100%;padding:3px 5px 3px 6px;border-radius:18px;color:inherit;text-align:left;}
.home-capture-delete {display:grid;place-items:center;flex:none;width:26px;height:26px;padding:5px;border-radius:50%;color:#eee5f3;background:#ffffff0b;opacity:0;pointer-events:none;transition:opacity 140ms,background 140ms;}
.home-capture-delete .icon {width:14px;height:14px;}
.home-capture-strip:is(:hover,:focus-within) .home-capture-delete {opacity:1;pointer-events:auto;}
.home-capture-delete:hover {background:#ffffff20;}
/* Touchscreens have no hover, so retain a quiet, reachable delete affordance. */
@media (hover:none) {.home-capture-delete {opacity:.65;pointer-events:auto;}}
.home-capture-scroll:focus-visible {outline:1px solid #d9b7f070;outline-offset:2px;}
.home-dashboard .home-capture-strip button:focus-visible {outline-offset:-2px;}
.home-capture-icon {display:grid;place-items:center;flex:none;width:24px;height:24px;overflow:hidden;border-radius:50%;background:#eee0ff12;color:#dac6e8;}
.home-capture-icon .icon {width:14px;height:14px;stroke-width:1.7;}
.home-capture-icon img {width:100%;height:100%;object-fit:cover;}
.home-capture-summary {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;}
.home-capture-tag {flex:none;font-size:8px;color:#c2afcc;}
.home-capture-strip:hover {border-color:#dfc6f157;}
.home-dashboard .home-composer {position:relative;isolation:isolate;z-index:1;display:flex;flex-direction:column;justify-content:space-between;flex:0 0 126px;height:126px;margin:0;padding:12px 14px;transition:border-color 150ms,box-shadow 150ms;}
/* A single continuous folder-tab silhouette behind the existing composer layout. */
.home-composer-shape {position:absolute;left:-1px;top:-25px;width:calc(100% + 2px);height:calc(100% + 26px);overflow:visible;pointer-events:none;z-index:-1;}
.home-composer-outline {stroke:var(--home-line);stroke-width:1;transition:stroke 150ms,filter 150ms;}
.home-dashboard .composer-context {flex:none;height:18px;padding:0 1px;margin-bottom:12px;font-size:10px;line-height:14px;color:#ded9e3;}
.home-dashboard .composer-destination {position:absolute;left:27.2059%;top:-20px;transform:translateX(-50%);height:14px;justify-content:center;gap:7px;white-space:nowrap;}
.home-dashboard .composer-destination i {width:6px;height:6px;background:var(--home-accent);box-shadow:none;}
.home-dashboard .composer-live {margin-left:auto;font-size:10px;color:var(--home-muted);letter-spacing:0;}
.home-dashboard .home-composer textarea {display:block;flex:1;min-width:0;width:0;height:48px;padding:13px 0 9px;font-family:inherit;font-size:15px;line-height:22px;color:var(--home-ink);scrollbar-width:thin;scrollbar-color:#9e88ad transparent;}
.home-dashboard .home-composer textarea::placeholder {color:#aaa6af;opacity:1;}
.home-dashboard .home-composer.is-composing {border-color:transparent;box-shadow:none;}
.home-dashboard .home-composer.is-composing .home-composer-outline {stroke:#c699e570;filter:drop-shadow(0 0 1px #ba86df12);}
.home-dashboard .home-composer.is-composing :is(.composer-context,.composer-live) {color:#dfc8ef;}
.home-composer-entry {display:flex;align-items:center;flex:none;gap:8px;min-width:0;height:52px;margin:0 -3px 0 -6px;}
.home-attachment {display:grid;place-items:center;flex:none;width:36px;height:44px;padding:6px;border-radius:12px;color:#f4eff8;}
.home-attachment .icon {width:23px;height:23px;stroke-width:1.9;}
.home-attachment:hover {background:#ffffff08;color:var(--home-accent);}
.home-composer-action {flex:none;width:60px;height:52px;}
.home-composer-action button {display:grid;place-items:center;width:60px;height:52px;padding:0;border:1px solid #ffffff0b;border-radius:18px;background:#ffffff05;color:#f8f5fa;}
.home-composer-action .home-submit {position:static;background:#d4b0ef;color:#23132d;}
.home-composer-action .icon {width:24px;height:24px;}
.home-composer-action button:hover {border-color:#d4b0ef55;background:#d4b0ef16;}
.home-composer-action .home-submit:hover {background:#e1c3f5;}
/* Announce input status without a visible footer or reserved space beneath the form. */
.home-dashboard .composer-feedback {position:absolute;inset:auto;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}
.home-page-nav {display:flex;justify-content:space-between;align-items:flex-start;height:40px;margin:0 0 15px;padding:0;}
.home-page-nav button {--page-glow:97,250,157;min-width:72px;height:40px;padding:0 8px 6px;border-radius:12px;color:#f9f6fa;font-family:ui-rounded,"Arial Rounded MT Bold",sans-serif;font-size:20px;font-weight:800;line-height:24px;letter-spacing:-.3px;text-shadow:0 0 12px rgba(var(--page-glow),.48),0 0 24px rgba(var(--page-glow),.3);}
.home-page-nav button[data-go="canvas"] {--page-glow:255,82,160;}
.home-page-nav button[data-go="edit"] {--page-glow:255,218,85;}
.home-page-nav button:is([aria-current="page"],:hover) {color:#fff;text-shadow:0 0 10px rgba(var(--page-glow),.85),0 0 22px rgba(var(--page-glow),.65),0 0 32px rgba(var(--page-glow),.4);}
.home-dashboard :is(button,textarea):focus-visible {outline:2px solid #d9b7f0;outline-offset:3px;}
.home-dashboard textarea:focus-visible {outline:none;}
.app[data-screen="home"] .status-bar {color:#fff;}
.app[data-screen="home"].home-scrolled .status-bar {background:#1b1027ee;backdrop-filter:blur(12px);}
.app[data-screen="home"] .home-indicator {position:absolute;color:#fff;}
/* Keep menus and input sheets in the same neutral palette as their home cards. */
.app[data-screen="home"] .sheet {background:#211d26;color:#f8f4fb;border:1px solid #c5aed32b;}
.app[data-screen="home"] .sheet :is(.sheet-note,label,.image-picker small) {color:#bdb1c7;}
.app[data-screen="home"] .sheet :is(.sheet-option,input[type="text"],textarea,.image-picker) {background:#ffffff06;color:#f2edf6;border-color:#cbb1dc33;}
.app[data-screen="home"] .sheet-option[aria-pressed="true"] {background:#ba8dde26;border-color:#ceace080;}
.app[data-screen="home"] .sheet-option[data-home-section-index] {justify-content:space-between;}
.app[data-screen="home"] .sheet .sheet-action {background:#dbc0ed;color:#23152e;}
.app[data-screen="home"] .sheet .field-error {color:#efabc2;}
@media (prefers-reduced-motion:reduce) {.home-dashboard .home-composer,.home-composer-outline,.home-capture-delete {transition:none;}}

@media (prefers-reduced-motion:reduce) {.home-cover-deck,.home-deck-cover,.home-card-turn,.home-deck-pagination,.home-deck-dot span,.home-project-wheel {transition:none;}}