*{margin:0;padding:0;box-sizing:border-box}:root{--bg-paper: #FFF8F0;--bg-card: #FFFDF7;--bg-card-hover: #FFF5E9;--border-pencil: #D4C4B0;--border-pencil-dark: #B8A08A;--text-primary: #3D2C2C;--text-secondary: #8B7367;--text-light: #A89888;--accent-coral: #E88D7A;--accent-mustard: #D4A843;--accent-sage: #7CAE7A;--accent-blue: #6B8DAD;--accent-coral-light: #F5C4BA;--accent-sage-light: #C5E0C4;--font-hand: "Caveat", cursive;--font-body: "Patrick Hand", cursive;--font-ui: "Inter", sans-serif;--margin-line: #E8B4B8;--rule-line: #E8E0D6}@media(pointer:fine){body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 21l1.5-4.5L17.5 3.5l3 3L7.5 19.5z' fill='%23D4A843' stroke='%233D2C2C' stroke-width='1'/%3E%3Cpath d='M3 21l1.5-4.5 3 3z' fill='%23E88D7A'/%3E%3C/svg%3E") 2 22,auto}a,button,[role=button],input,select,textarea{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 21l1.5-4.5L17.5 3.5l3 3L7.5 19.5z' fill='%23D4A843' stroke='%233D2C2C' stroke-width='1'/%3E%3Cpath d='M3 21l1.5-4.5 3 3z' fill='%23E88D7A'/%3E%3C/svg%3E") 2 22,pointer}}body{font-family:var(--font-body);background-color:var(--bg-paper);background-image:linear-gradient(to right,transparent 58px,var(--margin-line) 58px,var(--margin-line) 60px,transparent 60px),repeating-linear-gradient(to bottom,transparent,transparent 31px,var(--rule-line) 31px,var(--rule-line) 32px),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:100% auto,100% auto,256px 256px;color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.glass{background:var(--bg-card);border:1.5px solid var(--border-pencil);border-radius:3px;position:relative;box-shadow:2px 3px 8px #3d2c2c14,0 1px 2px #3d2c2c0d}.glass:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(-2deg);width:60px;height:14px;background:#d4a84340;border-radius:1px;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:2px solid var(--text-primary);border-radius:4px 8px 4px 6px;font-family:var(--font-body);font-size:1.05rem;cursor:pointer;transition:transform .1s,box-shadow .1s;position:relative}.btn:active{transform:translateY(2px) rotate(.5deg);box-shadow:none!important}.btn-primary{background:#e07a68;color:#fff;border-color:#c46555;box-shadow:3px 3px #c46555}.btn-primary:hover{background:#d46e5c;box-shadow:2px 2px #c46555}.btn-primary:disabled{background:#e0c9b8;border-color:#c9b3a2;box-shadow:2px 2px #c9b3a2;color:#b8a292}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-pencil-dark);box-shadow:2px 2px 0 var(--border-pencil)}.btn-secondary:hover{background:var(--bg-card-hover)}.input{width:100%;padding:12px 16px;background:#fff;border:none;border-bottom:2px solid var(--border-pencil-dark);border-radius:0;color:var(--text-primary);font-family:var(--font-body);font-size:1.1rem;outline:none;transition:border-color .2s}.input:focus{border-bottom-color:var(--accent-coral)}.input::placeholder{color:var(--text-light);font-style:italic}.page{flex:1;max-width:500px;margin:0 auto;padding:24px 20px 110px 68px;width:100%;position:relative}@media(max-width:380px){.page{padding-left:48px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;background:transparent;pointer-events:none}.nav-item{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1.5px solid var(--border-pencil);border-bottom:none;border-radius:8px 8px 0 0;color:var(--text-secondary);font-family:var(--font-hand);font-size:1rem;font-weight:500;cursor:pointer;padding:10px 14px 12px;transition:all .15s;pointer-events:auto;position:relative;bottom:0;box-shadow:0 -2px 4px #3d2c2c0a}.nav-item:hover{background:var(--bg-card-hover);bottom:2px}.nav-item.active{color:var(--accent-coral);background:var(--bg-paper);font-weight:700;bottom:0;border-color:var(--border-pencil-dark);z-index:2}.nav-item.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:70%;height:3px;background:var(--accent-coral);border-radius:2px;opacity:.6}.nav-item svg{width:18px;height:18px;stroke-width:1.5}.progress-bar-track{width:100%;height:10px;background:var(--rule-line);border-radius:3px;overflow:hidden;border:1px solid var(--border-pencil)}.progress-bar-fill{height:100%;border-radius:2px;background:var(--accent-coral);transition:width .4s ease;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 4px)}.text-gradient{color:var(--accent-coral);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pageTurn{0%{opacity:0;transform:rotateY(-5deg) translate(-10px)}to{opacity:1;transform:rotateY(0) translate(0)}}.option-btn{width:100%;text-align:left;padding:14px 18px;background:#fff;border:1.5px solid var(--border-pencil);border-radius:2px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all .15s;box-shadow:1px 2px 4px #3d2c2c0f;position:relative}.option-btn:before{content:"○";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--border-pencil-dark)}.option-btn:hover{background:#fff5e9;border-color:var(--accent-mustard);transform:rotate(-.3deg)}.option-btn.selected{background:#fff5e9;border-color:var(--accent-coral);border-width:2px;box-shadow:2px 3px #e88d7a33;transform:rotate(.3deg)}.option-btn.selected:before{content:"●";color:var(--accent-coral)}.reveal-card{padding:18px;border-radius:3px;cursor:pointer;transition:all .2s;position:relative}.reveal-card.matched{border-color:var(--accent-sage)!important;background:var(--accent-sage-light)}.reveal-card.unmatched{border-color:var(--accent-coral-light)!important;background:#fff0ec}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border-pencil);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-coral);border:2px solid #C47363;cursor:pointer;box-shadow:1px 1px 3px #3d2c2c33}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-coral);border:2px solid #C47363;cursor:pointer;box-shadow:1px 1px 3px #3d2c2c33}select{width:100%;padding:10px 14px;background:#fff;border:none;border-bottom:2px solid var(--border-pencil-dark);border-radius:0;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;cursor:pointer}select:focus{border-bottom-color:var(--accent-coral)}select option{background:#fff;color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-pencil);border-radius:3px}.vision-board-cork::-webkit-scrollbar{display:none}.squiggle-divider{width:100%;height:12px;margin:16px 0;background:url("data:image/svg+xml,%3Csvg width='200' height='12' viewBox='0 0 200 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6 Q10 2, 20 6 T40 6 T60 6 T80 6 T100 6 T120 6 T140 6 T160 6 T180 6 T200 6' fill='none' stroke='%23D4C4B0' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x center}.doodle{position:absolute;pointer-events:none;z-index:0}.doodle svg{display:block}.tape{display:inline-block;width:60px;height:16px;background:#d4a84338;border:.5px solid rgba(212,168,67,.1);border-radius:1px;transform:rotate(-3deg)}.sticky-note{background:#fff9c4;border:none;box-shadow:2px 3px 6px #3d2c2c1f;padding:16px 18px;border-radius:1px;position:relative;transform:rotate(-1deg)}.sticky-note:before{display:none}.drawing-canvas-area{margin:16px 0}.torn-paper-wrap{position:relative;background:#fff;border:1.5px solid var(--border-pencil);border-radius:3px 3px 0 0;box-shadow:2px 3px 8px #3d2c2c14,0 1px 2px #3d2c2c0d;overflow:hidden}.drawing-canvas{display:block;width:100%;height:auto;touch-action:none;background:#fff}.torn-edge{position:absolute;bottom:-1px;left:-2px;right:-2px;height:18px;background:var(--bg-paper);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='400' height='18' viewBox='0 0 400 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6 L8 2 L14 8 L22 3 L30 7 L36 1 L44 6 L50 4 L58 9 L66 2 L72 7 L80 3 L88 8 L94 1 L102 6 L108 3 L116 9 L124 2 L130 7 L138 4 L146 8 L152 1 L160 6 L166 3 L174 9 L182 2 L188 7 L196 4 L204 8 L210 1 L218 6 L224 3 L232 9 L240 2 L246 7 L254 4 L262 8 L268 1 L276 6 L282 3 L290 9 L298 2 L304 7 L312 4 L320 8 L326 1 L334 6 L340 3 L348 9 L356 2 L362 7 L370 4 L378 8 L384 1 L392 6 L400 3 L400 18 L0 18 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='400' height='18' viewBox='0 0 400 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6 L8 2 L14 8 L22 3 L30 7 L36 1 L44 6 L50 4 L58 9 L66 2 L72 7 L80 3 L88 8 L94 1 L102 6 L108 3 L116 9 L124 2 L130 7 L138 4 L146 8 L152 1 L160 6 L166 3 L174 9 L182 2 L188 7 L196 4 L204 8 L210 1 L218 6 L224 3 L232 9 L240 2 L246 7 L254 4 L262 8 L268 1 L276 6 L282 3 L290 9 L298 2 L304 7 L312 4 L320 8 L326 1 L334 6 L340 3 L348 9 L356 2 L362 7 L370 4 L378 8 L384 1 L392 6 L400 3 L400 18 L0 18 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.draw-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 6px}.color-picker{display:flex;gap:10px;align-items:center}.color-dot{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--border-pencil);cursor:pointer;transition:transform .1s,border-color .1s;padding:0;outline:none}.color-dot:hover{transform:scale(1.1)}.color-dot.active{border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 0 0 2.5px var(--bg-paper),0 0 0 4.5px var(--text-primary)}.draw-tool-btn{padding:6px 14px!important;font-size:.9rem!important;border-width:1.5px!important;box-shadow:1px 1px 0 var(--border-pencil)!important}.draw-tool-btn:disabled{opacity:.4;cursor:default}.drawing-reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media(max-width:420px){.drawing-reveal-grid{grid-template-columns:1fr;gap:16px}}.drawing-reveal-card{text-align:center}.drawing-reveal-card img{width:100%;height:auto;border:1.5px solid var(--border-pencil);border-radius:3px 3px 0 0;background:#fff;display:block}.drawing-reveal-card .torn-edge-small{position:relative;height:12px;margin-top:-1px;background:var(--bg-paper);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='400' height='12' viewBox='0 0 400 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4 L10 1 L18 6 L26 2 L34 5 L42 1 L50 4 L58 2 L66 7 L74 1 L82 5 L90 2 L98 6 L106 1 L114 4 L122 2 L130 7 L138 1 L146 5 L154 3 L162 6 L170 1 L178 4 L186 2 L194 7 L202 1 L210 5 L218 3 L226 6 L234 1 L242 4 L250 2 L258 7 L266 1 L274 5 L282 3 L290 6 L298 1 L306 4 L314 2 L322 7 L330 1 L338 5 L346 3 L354 6 L362 1 L370 4 L378 2 L386 7 L394 1 L400 4 L400 12 L0 12 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='400' height='12' viewBox='0 0 400 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4 L10 1 L18 6 L26 2 L34 5 L42 1 L50 4 L58 2 L66 7 L74 1 L82 5 L90 2 L98 6 L106 1 L114 4 L122 2 L130 7 L138 1 L146 5 L154 3 L162 6 L170 1 L178 4 L186 2 L194 7 L202 1 L210 5 L218 3 L226 6 L234 1 L242 4 L250 2 L258 7 L266 1 L274 5 L282 3 L290 6 L298 1 L306 4 L314 2 L322 7 L330 1 L338 5 L346 3 L354 6 L362 1 L370 4 L378 2 L386 7 L394 1 L400 4 L400 12 L0 12 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;border-left:1.5px solid var(--border-pencil);border-right:1.5px solid var(--border-pencil)}.drawing-reveal-name{font-family:var(--font-hand);font-size:1.1rem;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-tabs{display:flex;gap:4px;background:var(--rule-line);padding:3px;border-radius:6px;border:1px solid var(--border-pencil)}.media-tab{flex:1;padding:8px 6px;background:none;border:none;border-radius:4px;font-family:var(--font-hand);font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;text-align:center}.media-tab:hover{background:#ffffff80}.media-tab.active{background:var(--bg-card);color:var(--accent-coral);font-weight:700;box-shadow:0 1px 3px #3d2c2c14}.genre-chip{padding:6px 12px;background:var(--bg-card);border:1.5px solid var(--border-pencil);border-radius:20px;font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.genre-chip:hover{background:var(--bg-card-hover);border-color:var(--accent-mustard)}.genre-chip.active{background:var(--accent-coral);color:#fff;border-color:var(--accent-coral);font-weight:600}.spinning-wheel-wrap{position:relative;display:inline-block}.spinning-wheel-pointer{position:absolute;top:-4px;left:50%;transform:translate(-50%);z-index:3;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid var(--text-primary);filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.dd-mood-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-family:var(--font-hand);font-weight:600;font-size:.75rem;background:#fff5e9;color:var(--text-secondary);border:1px solid var(--border-pencil)}.dd-deck-card{width:100%;padding:14px 16px;cursor:pointer;border:none;text-align:left;background:var(--bg-card)}.dd-deck-card:active{background:var(--bg-card-hover)}.dd-textarea-wrapper{position:relative;background:#fff;border:1px solid var(--border-pencil);border-radius:3px;overflow:hidden}.dd-textarea-wrapper:before{content:"";position:absolute;top:0;left:32px;width:1px;height:100%;background:var(--margin-line);opacity:.5;z-index:1;pointer-events:none}.dd-textarea{width:100%;min-height:120px;padding:12px 14px 12px 40px;border:none;outline:none;resize:vertical;font-family:var(--font-body);font-size:.95rem;line-height:1.75rem;color:var(--text-primary);background-image:repeating-linear-gradient(transparent,transparent 1.65rem,var(--rule-line) 1.65rem,var(--rule-line) 1.75rem);background-attachment:local;background-position:0 12px}.dd-textarea::placeholder{color:var(--text-light);font-style:italic}.dd-journal-entry{padding:10px 14px;border-radius:3px;border-width:1px;border-style:solid;position:relative}.dd-fire-btn{display:inline-block;margin-top:6px;padding:3px 10px;border:1px solid var(--border-pencil);border-radius:12px;background:#fff;cursor:pointer;font-family:var(--font-hand);font-size:.8rem;color:var(--text-light);transition:all .2s}.dd-fire-btn:active{transform:scale(.96)}.dd-fire-btn.fired{background:#fff0ec;border-color:var(--accent-coral-light);color:var(--accent-coral)}.vision-pin{transition:transform .15s}.vision-pin:hover{transform:scale(1.3)}.vision-pin--disabled:hover{transform:none}