:root{--bg: #FDF8F0;--card: #FFFEF7;--accent: #D97757;--accent-light: #F4D9B8;--text: #3F2E1E;--text-muted: #6B5B4F;--border: #EDE4D5;--success: #8B6F47;--success-bg: #F5EDE0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{max-width:760px;margin:0 auto;padding:2rem 1rem}h1,h2,h3{font-weight:600;line-height:1.15;color:var(--text)}button{border-radius:10px;border:1px solid transparent;padding:.7em 1.4em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--accent);color:#fff;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 1px 2px #0000001a}button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001f}button:active{transform:translateY(0)}button.secondary{background-color:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}button.secondary:hover{background-color:var(--accent-light);color:var(--text)}input,textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--border);border-radius:10px;font-size:1rem;font-family:inherit;box-sizing:border-box;background:var(--card);color:var(--text)}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 2px 6px #0000000a}.handoff{text-align:center;padding:2.5rem 1.25rem;background:var(--success-bg);border:3px solid var(--success);border-radius:18px}.disclaimer{font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:1rem;margin-top:1.5rem}.calendar-event{border-left:6px solid var(--accent);background:var(--card);padding:.9rem 1.1rem;margin-bottom:.85rem;border-radius:0 12px 12px 0;box-shadow:1px 2px #0000000f;transition:transform .1s ease;position:relative}.calendar-event:hover{transform:translate(2px)}.calendar-event:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.015) 1px,transparent 1px);background-size:100% 8px;border-radius:inherit;pointer-events:none}.date-pill{display:inline-flex;flex-direction:column;align-items:center;background:var(--accent-light);color:var(--text);padding:6px 10px;border-radius:8px;font-weight:700;line-height:1.05;font-size:.82rem;min-width:68px;text-align:center;border:1px solid var(--border);box-shadow:0 1px #fff9 inset}.speech-bubble{background:#fffdf7;color:var(--text);border:1px solid var(--border);border-radius:12px 12px 12px 3px;position:relative;box-shadow:1px 1px 0 var(--border);transition:transform .1s ease,box-shadow .1s ease}.speech-bubble:hover{transform:translateY(-1px) rotate(.5deg);box-shadow:2px 2px 0 var(--border)}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:18px;border:6px solid transparent;border-top-color:#fffdf7;border-bottom:0}.card{box-shadow:1px 2px #0000000d}input,textarea{box-shadow:0 1px #ffffffb3 inset}button{box-shadow:0 1px #fff6 inset,1px 1px #00000014}.sharpie-header{font-family:Comic Sans MS,Segoe Print,Bradley Hand ITC,Patrick Hand,cursive;font-weight:700;letter-spacing:-.3px;transform:rotate(-1deg);text-shadow:.5px .5px 0 rgba(0,0,0,.08)}.sharpie-text{font-family:Segoe Print,Comic Sans MS,cursive;font-style:italic;letter-spacing:.2px}.post-it{background:#fff59d;color:#3f2e1e;border:1px solid #E6D48A;padding:.6rem .75rem;border-radius:2px;box-shadow:2px 3px #0000001f,inset 0 0 0 1px #fff6;transform:rotate(2deg);font-size:.82rem;line-height:1.2;transition:transform .1s ease;cursor:pointer;position:relative}.post-it:hover{transform:rotate(1deg) scale(1.02)}.post-it:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:30px;height:8px;background:linear-gradient(#e6d48a,#d4c07a);border:1px solid #C5B06A;border-radius:1px;box-shadow:0 1px 1px #0000001a}.cassette{width:118px;height:74px;background:linear-gradient(#333,#1f1f1f);border:4px solid #111;border-radius:5px;position:relative;box-shadow:3px 4px #00000040,inset 0 0 0 3px #555,inset 0 2px 4px #ffffff1a;transform:rotate(-4deg);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-size:.58rem;color:#e8b86d;overflow:hidden;font-family:Segoe Print,cursive}.cassette:hover{transform:rotate(-2deg) scale(1.04);box-shadow:4px 5px #0000004d,inset 0 0 0 3px #555}.cassette:before{content:"";position:absolute;top:10px;left:14px;width:24px;height:24px;background:#0a0a0a;border:3px solid #666;border-radius:50%;box-shadow:inset 0 0 6px #000c}.cassette:after{content:"";position:absolute;top:10px;right:14px;width:24px;height:24px;background:#0a0a0a;border:3px solid #666;border-radius:50%;box-shadow:inset 0 0 6px #000c}.cassette .window{position:absolute;top:16px;left:42px;width:34px;height:18px;background:#222;border:2px solid #444}.cassette .tape-label{position:absolute;top:38px;left:10px;right:10px;height:20px;background:#e8b86d;color:#1a1a1a;font-family:Segoe Print,cursive;font-size:.58rem;font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.8px;border:1px solid #C5A05A;box-shadow:inset 0 1px #fff6,inset 0 -1px #0003;text-transform:uppercase}.sharpie-btn{font-family:Comic Sans MS,Segoe Print,Bradley Hand ITC,Patrick Hand,cursive!important;font-weight:700;letter-spacing:-.4px;transform:rotate(-1.5deg);text-shadow:.6px .6px 0 rgba(0,0,0,.1);background:#e8b86d!important;color:#1a1a1a!important;border:2px solid #C5A05A!important;box-shadow:1px 2px #c5a05a,inset 0 1px #ffffff4d}.sharpie-btn:hover{background:#f4d9b8!important;transform:rotate(-.5deg) scale(1.02)}.bulletin-sides{position:relative;min-height:220px;margin-bottom:.75rem;background:#f5ede0;border:2px solid var(--border);border-radius:8px;padding:.5rem;box-shadow:inset 0 0 8px #00000008}.bulletin-sides .post-it{position:absolute;z-index:2;font-size:.72rem;padding:.3rem .5rem;line-height:1.15}.bulletin-sides .post-it:nth-child(1){top:6px;left:6px;transform:rotate(1deg)}.bulletin-sides .post-it:nth-child(2){top:38px;left:10px;transform:rotate(-2deg)}.bulletin-sides .post-it:nth-child(3){top:72px;left:16px;transform:rotate(2.5deg)}.bulletin-sides .post-it:nth-child(4){top:6px;right:8px;transform:rotate(3deg)}.bulletin-sides .post-it:nth-child(5){top:44px;right:12px;transform:rotate(-1.5deg)}.bulletin-sides .cassette{position:absolute;bottom:5px;right:8px;z-index:3}.polaroid{background:#fff;padding:8px 8px 32px;box-shadow:3px 4px #0003;width:138px;display:inline-block;transform:rotate(2deg);margin:4px;transition:transform .1s ease;border:1px solid #ddd}.polaroid:hover{transform:rotate(1deg) scale(1.02)}.polaroid:nth-child(2n){transform:rotate(-2deg)}.polaroid:nth-child(2n):hover{transform:rotate(-1deg) scale(1.02)}.polaroid img{width:100%;display:block;border:1px solid #eee}.polaroid-caption{font-family:Segoe Print,Comic Sans MS,cursive;font-size:.7rem;color:#3f2e1e;text-align:center;margin-top:6px;letter-spacing:.3px;font-weight:600}.polaroid .tack{position:absolute;width:10px;height:10px;border-radius:50%;top:-5px;z-index:20;box-shadow:1px 1px 3px #00000080,inset -1px -1px 2px #0003,inset 2px 2px 3px #ffffffb3;border:1px solid #222;cursor:default}.polaroid .tack-red{background:#e74c3c;left:10px}.polaroid .tack-blue{background:#2980b9;right:16px}.polaroid .tack-yellow{background:#f39c12;left:50%;transform:translate(-50%)}.sharpie{font-family:Comic Sans MS,Marker Felt,Segoe Print,Bradley Hand ITC,cursive;font-weight:700;letter-spacing:-.5px;color:#111}.cork-board{background-color:#c19a6b;background-image:linear-gradient(rgba(139,90,43,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(139,90,43,.15) 1px,transparent 1px);background-size:6px 6px;border:6px solid #5c4033;border-radius:3px;padding:10px;box-shadow:0 3px 6px #0003,inset 0 0 15px #0000001a;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:160px;margin-bottom:1rem}.cork-board .pinned{width:105px;text-align:center;cursor:pointer;transition:transform .1s ease;background:#ffffff1a;padding:3px;border-radius:2px}.cork-board .pinned:hover{transform:scale(1.03) rotate(1deg)}.cork-board .pinned img{width:100%;display:block;box-shadow:1px 2px 3px #00000040;border:1px solid #f5f5dc}.screenshot-review{border:2px dashed #D97757;padding:1rem;background:#fff8f0;font-family:monospace;font-size:.8rem}.pinned-polaroids{margin-top:.5rem;padding:.5rem;background:#f5ede0;border:1px dashed var(--border);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}.nav button{background:none;border:none;box-shadow:none;color:var(--text-muted);padding:.5rem 1rem;font-weight:600;border-bottom:3px solid transparent}.nav button.active{color:var(--accent);border-bottom-color:var(--accent);background:none}.badge{display:inline-block;font-size:.7rem;padding:2px 9px;border-radius:999px;background:var(--accent-light);color:var(--text);font-weight:600}
