:root{font-family:Inter,"Trebuchet MS",system-ui,sans-serif;color:#fff;background:#12091f;color-scheme:dark;--pink:#ff9dce;--lav:#bba2ff;--gold:#ffd774;--ink:#40214f}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea{font:inherit}.dream-app,.scene-mount{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 40%,#50306a,#190d2a 68%,#100719)}.scene-mount{position:absolute;inset:0}.scene-mount canvas{width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;z-index:40;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;pointer-events:none}.brand{display:flex;flex-direction:column;padding:11px 16px;border:1px solid #ffffff3d;background:#2412329e;backdrop-filter:blur(18px);border-radius:20px;box-shadow:0 14px 45px #08000f55}.brand strong{font-family:Georgia,serif;font-size:20px;color:#fff4fb}.brand span{font-size:12px;color:#f1cfea;margin-top:2px}.top-actions{display:flex;gap:7px;pointer-events:auto}.glass-btn{border:1px solid #ffffff42;background:#281438b5;color:#fff;border-radius:999px;padding:10px 13px;cursor:pointer;backdrop-filter:blur(14px);transition:.2s}.glass-btn:hover{transform:translateY(-2px);background:#3b2050cc}.hint{position:absolute;z-index:25;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:#251436b8;border:1px solid #ffffff36;backdrop-filter:blur(15px);font-size:13px;font-weight:700;white-space:nowrap}.world-label{position:absolute;z-index:18;transform:translate(-50%,-50%);border:1px solid #fff;background:#fff5f3e8;color:#4e2a5d;border-radius:999px;padding:8px 12px;font-weight:850;font-size:13px;box-shadow:0 10px 32px #24113966;opacity:0;transition:opacity .2s,transform .2s;cursor:pointer;max-width:210px}.world-label:hover{transform:translate(-50%,-50%) scale(1.06)}.world-label.small{font-size:11px;padding:6px 9px}.world-label.note{border-radius:12px;max-width:190px;white-space:normal}.panel{position:absolute;z-index:60;right:18px;bottom:18px;width:min(420px,calc(100% - 36px));max-height:72vh;overflow:auto;background:#fff8efed;color:var(--ink);border:2px solid #ffd5e8;border-radius:27px;padding:22px;box-shadow:0 28px 75px #0008;transform:translateX(115%);opacity:0;transition:.35s cubic-bezier(.22,1.1,.36,1);backdrop-filter:blur(14px)}.panel.open{transform:none;opacity:1}.panel-close,.modal-x{float:right;border:0;width:36px;height:36px;border-radius:50%;background:#ead8ed;color:#5a3764;font-size:24px;cursor:pointer}.panel h2,.modal h2{font-family:Georgia,serif;margin:6px 0 10px;font-size:28px}.panel h3{margin:18px 0 8px}.panel p{line-height:1.5;color:#67506d}.eyebrow{font-size:11px!important;font-weight:900;letter-spacing:.13em;color:#8e5a92!important}.harvest{padding:14px 16px;border-radius:17px;background:linear-gradient(135deg,#f2e6ff,#fff0d8);border:1px solid #dec7eb}.harvest p{margin:4px 0 0}.action{width:100%;border:0;border-radius:999px;padding:12px 16px;background:linear-gradient(135deg,#8e62cf,#e66faf);color:white;font-weight:850;cursor:pointer;margin-top:14px}.stage{font-weight:800;color:#7c4d89}.progress{height:10px;background:#eadcef;border-radius:999px;overflow:hidden;margin:10px 0 18px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#a879e8,#ff8fc6);transition:width .4s}.task-list{display:grid;gap:8px}.task{border:1px solid #e5cfe7;border-radius:14px;background:#fff;padding:11px;text-align:left;color:#573961;cursor:pointer}.task.done{text-decoration:line-through;opacity:.65;background:#f1e9f3}.tiny{font-size:12px!important;color:#8a748e!important}.big-date{font-size:30px!important;font-weight:900;color:#75568d!important}.big-number{font-size:42px;font-weight:900;color:#7f5bb1}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:7px 10px;border-radius:999px;background:#eadcf4;color:#694876;font-size:12px;font-weight:800}.paper-slip{padding:9px 12px;background:#efe4fb;border-radius:9px;margin:7px 0;transform:rotate(-.5deg);box-shadow:0 5px 13px #6b4c7621}.paper-slip.pink{background:#ffe0ee;transform:rotate(.8deg)}.archive-card{padding:13px 14px;background:#f1e5ec;border-radius:16px;margin:9px 0}.archive-card strong,.archive-card span{display:block}.archive-card span{font-size:12px;color:#876b7d;margin-top:3px}.setting{display:flex;width:100%;justify-content:space-between;border:1px solid #e4cfe5;background:white;border-radius:15px;padding:12px 13px;margin:8px 0;color:#573961;cursor:pointer}.modal{position:absolute;z-index:80;inset:0;background:#12091f8c;backdrop-filter:blur(10px);display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-card{width:min(540px,100%);background:#fff8ef;color:#432450;border:2px solid #ffd3e6;border-radius:28px;padding:23px;box-shadow:0 30px 90px #0009}.modal label{display:grid;gap:6px;margin:13px 0;font-size:13px;font-weight:800}.modal input,.modal textarea{width:100%;border:2px solid #ead4eb;background:#fff;color:#432450;border-radius:14px;padding:12px 13px;outline:none;font-size:16px}.modal input:focus,.modal textarea:focus{border-color:#ac7ce1;box-shadow:0 0 0 4px #c6a7eb33}.portal-fx{position:absolute;z-index:70;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,transparent 0 10%,#160b2b44 42%,#0c0614d9 100%);overflow:hidden}.portal-fx.active{display:block}.portal-core,.portal-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.portal-core{width:18vmin;height:18vmin;background:radial-gradient(circle,#fff 0 4%,var(--p1) 20%,var(--p2) 53%,transparent 72%);filter:blur(3px);animation:portalPulse .6s ease-in-out infinite alternate}.portal-ring{border:3px solid var(--p1);box-shadow:0 0 28px var(--p2),inset 0 0 28px var(--p1)}.portal-ring.r1{width:28vmin;height:28vmin;animation:spin 1.2s linear infinite}.portal-ring.r2{width:44vmin;height:44vmin;border-style:dashed;animation:spin 1.8s linear reverse infinite}.portal-ring.r3{width:64vmin;height:64vmin;border-width:1px;animation:spin 2.6s linear infinite}.portal-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:47px 47px;animation:zoomStars .8s linear infinite}.toast{position:absolute;z-index:100;left:50%;top:0;transform:translate(-50%,-110%);background:#fff3f2;color:#542a5e;border:1px solid #ffd6e8;padding:11px 17px;border-radius:999px;font-weight:850;box-shadow:0 18px 45px #0006}.activity-bubble{position:absolute;z-index:30;left:50%;top:105px;transform:translate(-50%,-12px);padding:8px 12px;border-radius:999px;background:#fff6;color:#fff;backdrop-filter:blur(9px);opacity:0;transition:.3s;pointer-events:none}.activity-bubble.show{opacity:1;transform:translate(-50%,0)}.loading{position:absolute;z-index:95;inset:0;display:none;place-items:center;background:#12091f88;backdrop-filter:blur(12px);font-weight:800}.loading.show{display:grid}.loading>span{margin-top:80px}.loader-orb{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#fff,#ff9fd0 25%,#9e83ff 60%,transparent 70%);animation:portalPulse .7s ease-in-out infinite alternate}.confetti{position:absolute;z-index:120;width:8px;height:13px;border-radius:2px;pointer-events:none;animation:confetti 1.7s cubic-bezier(.13,.75,.24,1) forwards}.quick-nav{position:absolute;z-index:38;left:50%;bottom:63px;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#2313329c;border:1px solid #ffffff2e;border-radius:999px;backdrop-filter:blur(14px)}.quick-nav button{border:0;background:transparent;color:white;border-radius:999px;padding:7px 9px;cursor:pointer;font-size:16px}.quick-nav span{display:none;font-size:10px;margin-left:4px}.quick-nav button:hover{background:#ffffff18}.quick-nav button:hover span{display:inline}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes portalPulse{to{transform:translate(-50%,-50%) scale(1.18);filter:blur(6px)}}@keyframes zoomStars{to{background-size:80px 80px;opacity:.2}}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(max-width:720px){.topbar{left:9px;right:9px;top:9px}.brand{padding:8px 11px}.brand strong{font-size:15px}.brand span{font-size:10px}.glass-btn{padding:8px 9px;font-size:12px}.hint{bottom:15px;font-size:11px;max-width:90%;white-space:normal;text-align:center}.quick-nav{bottom:58px;max-width:95%;overflow:auto}.quick-nav button{padding:7px}.panel{right:10px;bottom:10px;width:calc(100% - 20px);max-height:68vh}.world-label{font-size:10px;padding:6px 8px;max-width:135px}.activity-bubble{top:75px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}