@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Nunito:wght@400;600;700;800&display=swap";:root{--stationery-blush: #fff9fd;--marker-pink: #ff75b8;--mint-note: #78e8c6;--sunny-sticky: #ffe06f;--pen-blue: #91d7ff;--lavender-paper: #c9b3ff;--coral-sticker: #ff9a9a;--ink-soft: #30283f;--washi-border: #ffd1ea;--bg-base: var(--stationery-blush);--bg-card: #ffffff;--text-primary: var(--ink-soft);--text-secondary: #756981;--border-color: var(--washi-border);--accent: var(--marker-pink);--radius: 16px;--font-heading: "Patrick Hand", cursive;--font-body: "Nunito", sans-serif;--shadow-soft: 0 4px 20px rgba(255, 117, 184, .1);--shadow-hover: 0 8px 32px rgba(255, 117, 184, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.65;min-height:100vh;overflow-x:hidden}.app-shell{position:relative;min-height:100vh;padding-top:100px;padding-inline:24px;padding-bottom:40px;max-width:1100px;margin:0 auto}.stationery-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.85}.scene-side-left{position:absolute;top:0;left:0;bottom:0;width:25vw;pointer-events:none;z-index:1}.scene-side-right{position:absolute;top:0;right:0;bottom:0;width:25vw;pointer-events:none;z-index:1}.scene-desk{position:absolute;bottom:0;left:0;width:100%;height:auto;opacity:.85}.scene-washi{position:absolute;top:8%;left:-20px;width:min(260px,20vw);opacity:.85;transform-origin:center center;animation:float-sway-left 8s ease-in-out infinite}.scene-sparkles{position:absolute;top:25%;left:1%;width:min(250px,18vw);opacity:.85;animation:float-drift-left 10s ease-in-out infinite}.scene-stardust{position:absolute;bottom:12%;left:-40px;width:min(360px,25vw);opacity:.85;animation:dust-drift 9s ease-in-out infinite}.scene-ribbons{position:absolute;top:3%;left:3%;width:min(150px,12vw);opacity:.85;animation:ribbon-float 6s ease-in-out infinite}.scene-twinkles{position:absolute;top:38%;left:1%;width:min(130px,10vw);opacity:.85;transform-origin:top center;animation:star-swing 6.5s ease-in-out infinite}.scene-stickers{position:absolute;top:14%;right:-20px;width:min(210px,16vw);opacity:.85;transform-origin:center center;animation:float-sway-right 8s ease-in-out infinite 1s}.scene-gems{position:absolute;top:5%;right:2%;width:min(160px,12vw);opacity:.85;animation:gem-shimmer 5s ease-in-out infinite}.scene-glitters{position:absolute;bottom:10%;right:-30px;width:min(240px,18vw);opacity:.85;animation:glitter-pulse 4.5s ease-in-out infinite}.glint-sparkle{position:absolute;border-radius:50%;pointer-events:none;animation:glint-flash 2.5s ease-in-out infinite}.glint-a{top:10%;left:35%;width:6px;height:6px;background:#fff;box-shadow:0 0 10px 4px #ff75b899;animation-delay:0s}.glint-b{top:45%;right:8%;width:4px;height:4px;background:#fff;box-shadow:0 0 8px 3px #ffe06f99;animation-delay:.6s}.glint-c{top:70%;left:15%;width:5px;height:5px;background:#fff;box-shadow:0 0 10px 4px #91d7ff99;animation-delay:1.2s}.glint-d{top:30%;right:25%;width:4px;height:4px;background:#fff;box-shadow:0 0 8px 3px #78e8c699;animation-delay:1.8s}.glint-e{top:55%;left:40%;width:3px;height:3px;background:#fff;box-shadow:0 0 6px 3px #c9b3ff99;animation-delay:2.4s}@keyframes gem-shimmer{0%,to{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}50%{transform:scale(1.1) rotate(5deg);opacity:1;filter:brightness(1.15)}}@keyframes dust-drift{0%,to{transform:translate(0) translateY(0);opacity:1}33%{transform:translate(20px) translateY(-10px);opacity:1}66%{transform:translate(-12px) translateY(8px);opacity:1}}@keyframes ribbon-float{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-18px) scale(1.3);opacity:1}}@keyframes glitter-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:1}}@keyframes float-sway-left{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-6deg)}}@keyframes float-sway-right{0%,to{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-12px) rotate(9deg)}}@keyframes float-drift-left{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(12px,8px) scale(1.05);opacity:1}}@keyframes star-swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes glint-flash{0%,to{transform:scale(.3);opacity:0}20%{transform:scale(1.5);opacity:1}40%{transform:scale(.6);opacity:.4}60%{transform:scale(1.2);opacity:.7}80%{transform:scale(.4);opacity:.15}}.float-dot{position:absolute;width:8px;height:8px;border-radius:50%;animation:float-drift 5s ease-in-out infinite}.dot-a{top:15%;left:20%;background:var(--marker-pink);animation-delay:0s}.dot-b{top:35%;right:15%;background:var(--sunny-sticky);animation-delay:1.5s}.dot-c{top:60%;left:8%;background:var(--pen-blue);animation-delay:3s}.dot-d{top:75%;right:25%;background:var(--mint-note);animation-delay:4s}@keyframes float-drift{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-18px) scale(1.3);opacity:1}}.stationery-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:18px;padding:10px 24px;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid var(--washi-border);border-radius:999px;box-shadow:var(--shadow-soft)}.brand-mark{display:flex;align-items:center;gap:8px;padding-right:18px;border-right:2px solid var(--washi-border)}.brand-name{font-family:var(--font-heading);font-size:1.2rem;color:var(--marker-pink)}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--sunny-sticky);animation:brand-pulse 2s ease-in-out infinite}@keyframes brand-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}.stationery-nav nav{display:flex;gap:6px}.nav-gem{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem;color:var(--text-secondary);transition:all .18s ease}.nav-gem:hover{background:#ff75b814;color:var(--marker-pink)}.nav-gem.active{background:linear-gradient(135deg,var(--marker-pink),var(--lavender-paper));color:#fff;box-shadow:0 6px 20px #ff75b840}.page-shell{position:relative;z-index:1}.notebook-card{background:var(--bg-card);border:2px solid var(--washi-border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.notebook-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--marker-pink),var(--sunny-sticky),var(--mint-note),var(--pen-blue),var(--lavender-paper));opacity:.6}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.card-header h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--ink-soft);letter-spacing:.5px}.card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ff75b81a;color:var(--marker-pink)}.sticker-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:#fff;white-space:nowrap}.washi-tag{display:inline-flex;align-items:center;padding:3px 10px 3px 12px;border-left:4px solid var(--marker-pink);font-size:.85rem;font-weight:600;color:var(--text-primary);background:#ff75b80f;border-radius:0 8px 8px 0}.hero-para{color:var(--text-secondary);line-height:1.8;margin-bottom:6px;font-size:.95rem}.hero-para:last-child{margin-bottom:0}.goal-para{color:var(--text-secondary);line-height:1.75;font-size:.93rem;border-left:2px solid var(--washi-border);padding-left:12px}.goal-item{display:flex;max-width:640px;align-items:flex-start;margin-bottom:12px}.goal-item:last-child{margin-bottom:0}.goal-item p{color:var(--text-secondary);line-height:1.7;font-size:.93rem}.tools-categorized{display:flex;max-width:660px;flex-direction:column}.tool-category{display:flex;flex-direction:column;gap:6px}.tool-cat-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--marker-pink);opacity:.7}.tool-cat-items{display:flex;flex-wrap:wrap;gap:6px}.goal-line{color:var(--text-secondary);line-height:1.65;font-size:.9rem;margin-top:4px}.goal-line:first-of-type{margin-top:6px}.conclusion-para{color:var(--text-secondary);line-height:1.8;font-size:.95rem}.journal-entry{background:var(--bg-card);border:2px solid var(--washi-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.journal-sticker{position:absolute;top:0;right:0;width:60px;height:60px;opacity:.12;border-radius:0 var(--radius) 0 60px}.journal-sticker.pink{background:var(--marker-pink)}.journal-sticker.mint{background:var(--mint-note)}.journal-sticker.yellow{background:var(--sunny-sticky)}.journal-sticker.blue{background:var(--pen-blue)}.journal-sticker.lavender{background:var(--lavender-paper)}.journal-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--ink-soft);margin-bottom:14px;padding-right:50px}.journal-body{display:flex;flex-direction:column;gap:10px}.journal-para{color:var(--text-secondary);line-height:1.75;font-size:.93rem}.reflection-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.reflection-item:last-child{margin-bottom:0}.reflection-item p{color:var(--text-secondary);line-height:1.65;font-size:.9rem}.journal-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.opening-section{max-width:720px;margin:0 auto}.info-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#ffd1ea33;border-radius:12px;border:1px solid var(--washi-border)}.info-label{font-size:.78rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.95rem;color:var(--text-primary)}.chip-cloud{display:flex;flex-wrap:wrap;gap:8px}.chip-cloud span{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;background:#ffffff26;border:1px solid rgba(255,209,234,.4);color:var(--text-primary)}.chip-cloud.dark span{background:#ffffff1a;border-color:#ffffff26;color:#fff}.avatar-card{position:relative;width:min(320px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:2rem}.avatar-name{font-family:var(--font-heading);font-size:1.35rem;color:var(--ink-soft);font-weight:700}.avatar-tagline{font-size:.88rem;color:var(--text-secondary);font-style:italic}.avatar-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}.avatar-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.badge-major{background:#ff75b81f;color:var(--marker-pink);border:1px solid rgba(255,117,184,.25)}.badge-school{background:#78e8c61f;color:#3aab8a;border:1px solid rgba(120,232,198,.3)}.avatar-washi{position:relative;display:inline-flex;padding:16px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.avatar-photo{width:min(220px,80vw);height:auto;border-radius:12px;display:block}.avatar-washi-tape{position:absolute;width:40px;height:12px;background:repeating-linear-gradient(45deg,var(--marker-pink),var(--marker-pink) 4px,transparent 4px,transparent 8px);border-radius:2px;opacity:.6}.top-left{top:-4px;left:20px;transform:rotate(-8deg)}.top-right{top:-4px;right:20px;transform:rotate(8deg)}.bottom-left{bottom:-4px;left:20px;transform:rotate(8deg)}.bottom-right{bottom:-4px;right:20px;transform:rotate(-8deg)}.avatar-stickers{position:absolute;inset:0;pointer-events:none}.sticker-heart,.sticker-star,.sticker-flower{position:absolute;width:20px;height:20px;border-radius:50%;opacity:.5}.sticker-heart{top:5%;right:0;background:var(--marker-pink);animation:sticker-float 3s ease-in-out infinite}.sticker-star{bottom:10%;left:-5%;background:var(--sunny-sticky);animation:sticker-float 3.5s ease-in-out infinite .5s}.sticker-flower{top:40%;right:-8%;background:var(--mint-note);animation:sticker-float 4s ease-in-out infinite 1s}@keyframes sticker-float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-18px) scale(1.3);opacity:1}}.about-page{display:flex;flex-direction:column;gap:32px}.info-section{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}.hero-section{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}.hero-greeting{max-width:580px;font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.4rem);color:var(--ink-soft);margin-bottom:12px;line-height:1.3}.name-highlight{color:var(--marker-pink);position:relative}.name-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:var(--sunny-sticky);opacity:.4;border-radius:3px}.hero-quote{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-secondary);font-style:italic;margin-bottom:16px;padding:12px 16px;background:#ffd1ea26;border-radius:12px;border-left:4px solid var(--marker-pink)}.hero-content{max-width:620px}.hero-intro{color:var(--text-secondary);line-height:1.8}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.work-style-note{margin-top:12px;padding:10px 12px;background:#78e8c61a;border-radius:10px;color:var(--text-secondary);font-size:.88rem;line-height:1.65;border-left:3px solid var(--mint-note)}.interests-quote{display:flex;gap:10px;align-items:flex-start;margin-top:14px;margin-bottom:2px;padding:12px 14px;background:#ff75b812;border-radius:10px;border-left:3px solid var(--marker-pink);font-size:.9rem;color:var(--text-secondary);line-height:1.65;font-style:italic}.interests-quote-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px}.portfolio-goal-list{display:flex;flex-direction:column;gap:14px}.goals-list{display:flex;flex-direction:column;gap:12px;list-style:none}.strength-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.mini-note{display:flex;gap:12px;padding:16px;background:#ffd1ea1f;border-radius:12px;border:1px solid var(--washi-border)}.note-num{font-family:var(--font-heading);font-size:1.2rem;color:var(--marker-pink);flex-shrink:0;min-width:28px}.mini-note p{font-size:.9rem;color:var(--text-secondary);line-height:1.55}.projects-page{display:flex;flex-direction:column;gap:28px}.page-header{text-align:center;padding:20px 0}.page-title{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--ink-soft)}.title-icon{color:var(--marker-pink)}.page-subtitle{color:var(--text-secondary);margin-top:8px;font-size:.95rem;max-width:600px;margin-inline:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.notebook-project-card{position:relative;background:var(--bg-card);border:2px solid var(--washi-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,transform .2s ease}.notebook-project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.project-card-washi{height:8px;background:repeating-linear-gradient(90deg,var(--marker-pink) 0px,var(--marker-pink) 8px,var(--sunny-sticky) 8px,var(--sunny-sticky) 16px,var(--mint-note) 16px,var(--mint-note) 24px);opacity:.3}.project-card-body{padding:24px}.project-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.project-num{font-family:var(--font-heading);font-size:2rem;color:var(--washi-border);line-height:1;flex-shrink:0}.project-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--ink-soft);margin-bottom:10px}.project-doodle{margin-bottom:12px}.project-doodle img{width:100%;max-height:40px;object-fit:contain;opacity:.6}.project-goal{font-size:.9rem;color:var(--text-primary);margin-bottom:8px}.project-goal strong{color:var(--marker-pink)}.project-actions{display:flex;gap:10px}.doodle-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.88rem;text-decoration:none;transition:all .18s ease}.doodle-btn.primary{color:#fff;background:linear-gradient(135deg,var(--marker-pink),var(--lavender-paper));box-shadow:0 6px 20px #ff75b833}.pdf-btn{display:inline-flex;align-items:center;gap:6px}.doodle-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff75b84d}.project-sticky{position:absolute;top:60px;right:12px;width:70px;opacity:.12;transform:rotate(12deg);pointer-events:none}.detail-modal-overlay{position:fixed;inset:0;z-index:1000;background:#30283f8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;cursor:pointer}.detail-modal{background:var(--bg-card);border:2px solid var(--washi-border);border-radius:var(--radius);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;padding:32px;position:relative;box-shadow:0 20px 60px #30283f40;cursor:default}.detail-modal::-webkit-scrollbar{width:6px}.detail-modal::-webkit-scrollbar-track{background:transparent}.detail-modal::-webkit-scrollbar-thumb{background:var(--washi-border);border-radius:3px}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffd1ea4d;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.modal-close:hover{background:var(--marker-pink);color:#fff}.modal-header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;padding-right:40px}.modal-num{font-family:var(--font-heading);font-size:2.2rem;color:var(--washi-border);line-height:1}.modal-title{font-family:var(--font-heading);font-size:1.4rem;color:var(--ink-soft)}.modal-doodle{margin-bottom:16px}.modal-doodle img{width:100%;max-height:32px;object-fit:contain;opacity:.2}.modal-section{margin-bottom:20px}.modal-section-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--marker-pink);margin-bottom:8px;padding-bottom:4px;border-bottom:2px dashed var(--washi-border)}.modal-goal-line{color:var(--text-secondary);line-height:1.7;font-size:.93rem;margin-top:6px}.modal-goal-line:first-of-type{margin-top:0}.modal-process-list{display:flex;flex-direction:column;gap:10px}.modal-process-step{display:flex;gap:12px;padding:12px 14px;background:#ffd1ea1a;border-radius:10px;border-left:3px solid var(--mint-note)}.modal-step-num{font-family:var(--font-heading);font-size:1rem;color:var(--mint-note);flex-shrink:0;min-width:22px}.modal-process-step p{color:var(--text-secondary);line-height:1.65;font-size:.9rem}.modal-actions{margin-top:24px;padding-top:18px;border-top:2px dashed var(--washi-border);text-align:center}.detail-btn{display:inline-flex!important;align-items:center;gap:6px}.doodle-btn.secondary{color:var(--ink-soft);background:#ffffffb3;border:1px solid rgba(255,199,242,.92)}.conclusion-page{display:flex;flex-direction:column;gap:32px}.conclusion-hero-quote{background:linear-gradient(135deg,#ff75b814,#c9b3ff14);border:2px solid var(--washi-border);border-radius:var(--radius);padding:36px 40px;text-align:center;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;max-width:760px;margin:0 auto}.conclusion-hero-quote:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--marker-pink),var(--lavender-paper),var(--mint-note));opacity:.7}.quote-icon{color:var(--marker-pink);opacity:.4;margin-bottom:16px}.conclusion-opening-text{font-family:var(--font-heading);font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--ink-soft);line-height:1.6;font-style:italic;margin-bottom:20px;max-width:620px;margin-inline:auto}.quote-signature{font-family:var(--font-heading);font-size:1rem;color:var(--marker-pink);opacity:.75}.reflection-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.notebook-summary{background:var(--bg-card);border:2px solid var(--washi-border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft);position:relative}.doodle-underline{width:80%;max-height:30px;object-fit:contain;opacity:.25;margin-bottom:8px}.notebook-handwriting{font-family:var(--font-heading);font-size:1.4rem;color:var(--marker-pink);margin-bottom:14px}.notebook-summary p{color:var(--text-secondary);line-height:1.8}.signature-line{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:2px dashed var(--washi-border)}.signature-doodle{width:60px;height:3px;background:var(--marker-pink);opacity:.4;border-radius:2px}.signature-text{font-family:var(--font-heading);font-size:1rem;color:var(--marker-pink)}.skills-board{background:#30283feb;border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:20px}.skills-icons{width:100%;max-height:40px;object-fit:contain;opacity:.3}.reflection-lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.reflection-list{display:flex;flex-direction:column}.thankyou-section{margin-top:8px}.thankyou-card{background:linear-gradient(135deg,#ff75b814,#c9b3ff1a,#78e8c614);border:2px solid var(--washi-border);border-radius:var(--radius);padding:40px 32px;text-align:center;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.thankyou-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--marker-pink),var(--sunny-sticky),var(--mint-note),var(--pen-blue),var(--lavender-paper))}.thankyou-deco-top{display:flex;justify-content:center;gap:16px;font-size:1.5rem;margin-bottom:20px}.thankyou-sparkle{animation:sticker-float 3s ease-in-out infinite}.thankyou-sparkle:nth-child(2){animation-delay:.5s}.thankyou-sparkle:nth-child(3){animation-delay:1s}.thankyou-text{max-width:600px;margin:0 auto 28px;color:var(--text-secondary);line-height:1.85;font-size:.98rem;font-style:italic}.thankyou-signature{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.signature-line-deco{width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--marker-pink),transparent);border-radius:1px}.signature-name{font-family:var(--font-heading);font-size:1.1rem;color:var(--marker-pink)}.thankyou-hearts{display:flex;justify-content:center;gap:10px}.doodle-heart{display:inline-block;width:14px;height:14px;background:var(--marker-pink);border-radius:50%;animation:heart-beat 1.5s ease-in-out infinite}.doodle-heart:nth-child(2){animation-delay:.2s;background:var(--mint-note)}.doodle-heart:nth-child(3){animation-delay:.4s;background:var(--sunny-sticky)}.doodle-heart:nth-child(4){animation-delay:.6s;background:var(--pen-blue)}.doodle-heart:nth-child(5){animation-delay:.8s;background:var(--lavender-paper)}@keyframes heart-beat{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:.9}}.lined-notepad{position:relative;background-color:#fff;background-image:linear-gradient(#c9b3ff1a 27px,#e1e9ff 27px 28px);background-size:100% 28px;border:2px solid var(--washi-border);border-radius:var(--radius);padding:36px 36px 36px 56px;box-shadow:var(--shadow-soft);overflow:hidden}.lined-notepad:before{content:"";position:absolute;top:0;left:42px;bottom:0;width:2px;background:#ff75b859}.lined-notepad-torn{position:absolute;top:0;left:0;right:0;height:10px;background-image:radial-gradient(circle,transparent 4px,var(--bg-base) 4px);background-size:12px 12px;background-position:top center;z-index:2}.notepad-title{font-family:var(--font-heading);font-size:1.8rem;color:var(--ink-soft);margin-bottom:20px;position:relative;display:inline-block}.notepad-title:after{content:"";position:absolute;bottom:-4px;left:-4px;right:-4px;height:6px;background:var(--sunny-sticky);z-index:-1;opacity:.6;border-radius:4px}.library-id-card{position:relative;background:#fffffb;border:2px solid var(--washi-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);background-image:radial-gradient(rgba(255,117,184,.05) 1px,transparent 1px);background-size:16px 16px}.library-id-card-stamp{position:absolute;bottom:12px;right:20px;width:76px;height:76px;border:2px dashed rgba(255,117,184,.4);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff75b880;font-family:var(--font-heading);font-weight:700;font-size:.8rem;transform:rotate(-15deg);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.1;text-align:center}.library-id-card-stamp span{font-size:.6rem;letter-spacing:.5px}.cassette-player{background:linear-gradient(135deg,#c9b3ff26,#91d7ff33);border:2px solid var(--washi-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-soft);display:flex;gap:16px;position:relative;overflow:hidden;background-color:var(--bg-card)}.cassette-player:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--lavender-paper),var(--pen-blue),var(--mint-note))}.player-header{display:flex;justify-content:space-between;align-items:center}.player-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1.25rem;color:var(--ink-soft)}.player-status-led{width:8px;height:8px;background-color:var(--marker-pink);border-radius:50%;box-shadow:0 0 8px var(--marker-pink);animation:led-blink 1s ease-in-out infinite alternate}@keyframes led-blink{0%{opacity:.4}to{opacity:1}}.cassette-tape-visual{background:#362e45;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;aspect-ratio:1.8 / 1;border:3px solid var(--ink-soft);box-shadow:inset 0 4px 10px #0000004d}.cassette-sticker{background:#fff;border-radius:6px;width:85%;height:65%;border:2px solid var(--marker-pink);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:8px;overflow:hidden}.cassette-sticker:before{content:"";position:absolute;top:4px;left:4px;right:4px;height:4px;background:repeating-linear-gradient(90deg,var(--pen-blue) 0,var(--pen-blue) 6px,var(--sunny-sticky) 6px,var(--sunny-sticky) 12px)}.cassette-sticker-label{font-family:var(--font-heading);font-size:.8rem;text-align:center;color:var(--ink-soft);font-weight:700;margin-top:6px;letter-spacing:.5px}.cassette-spools{display:flex;justify-content:space-around;width:50%;margin:0 auto}.cassette-spool-hole{width:26px;height:26px;border-radius:50%;background:#362e45;border:4px dashed var(--sunny-sticky);animation:cassette-rotate 5s linear infinite;display:flex;align-items:center;justify-content:center}@keyframes cassette-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spool-center{width:6px;height:6px;background:#fff;border-radius:50%}.cassette-lyrics-box{background:#ffffff80;border-radius:8px;padding:10px 12px;border:1px dashed var(--washi-border);font-size:.88rem;color:var(--text-secondary);line-height:1.5;font-style:italic}.player-controls{display:flex;justify-content:center;align-items:center;margin-top:4px}.control-buttons{display:flex;gap:12px}.control-btn{background:var(--bg-card);border:2px solid var(--washi-border);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.control-btn:hover{transform:translateY(-2px);border-color:var(--marker-pink);color:var(--marker-pink);box-shadow:0 4px 8px #ff75b826}.control-btn.active{background:var(--marker-pink);color:#fff;border-color:var(--marker-pink)}.sticky-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:12px}.sticky-paper{position:relative;padding:24px;min-height:160px;border-radius:2px;box-shadow:2px 8px 20px #30283f14;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;cursor:default}.sticky-paper:nth-child(odd){background-color:#fff9db;transform:rotate(-1.5deg)}.sticky-paper:nth-child(2n){background-color:#e3faf2;transform:rotate(2deg)}.sticky-paper:hover{transform:scale(1.04) rotate(0)!important;box-shadow:4px 12px 24px #30283f26;z-index:10}.sticky-paper-washi{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);width:76px;height:20px;background-color:#ff75b866;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.3) 5px,rgba(255,255,255,.3) 10px);box-shadow:0 1px 3px #0000000d}.sticky-paper:nth-child(2n) .sticky-paper-washi{background-color:#91d7ff66;transform:translate(-50%) rotate(4deg)}.sticky-paper-content{font-size:.92rem;color:var(--text-secondary);line-height:1.65;font-family:var(--font-body)}.learning-goals-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:16px}.learning-goal-card{position:relative;background:#fff;border:2px solid var(--washi-border);border-radius:14px;padding:24px 24px 24px 40px;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.learning-goal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:repeating-linear-gradient(135deg,var(--marker-pink),var(--marker-pink) 6px,transparent 6px,transparent 12px);opacity:.75}.learning-goal-card:nth-child(2):before{background:repeating-linear-gradient(135deg,var(--mint-note),var(--mint-note) 6px,transparent 6px,transparent 12px)}.learning-goal-card:nth-child(3):before{background:repeating-linear-gradient(135deg,var(--lavender-paper),var(--lavender-paper) 6px,transparent 6px,transparent 12px)}.learning-goal-card:hover{transform:translate(6px);box-shadow:var(--shadow-hover)}.learning-goal-content{display:flex;gap:16px;align-items:flex-start}.learning-goal-num-badge{background:var(--marker-pink);color:#fff;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 6px #ff75b833}.learning-goal-card:nth-child(2) .learning-goal-num-badge{background:var(--mint-note);color:var(--ink-soft);box-shadow:0 3px 6px #78e8c633}.learning-goal-card:nth-child(3) .learning-goal-num-badge{background:var(--lavender-paper);color:var(--ink-soft);box-shadow:0 3px 6px #c9b3ff33}.learning-goal-text{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin:0}.hanging-wire-board{position:relative;padding-top:36px;margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.hanging-wire-board:before{content:"";position:absolute;top:10px;left:20px;right:20px;height:2px;background:repeating-linear-gradient(90deg,#756981 0,#756981 6px,transparent 6px,transparent 12px);opacity:.4}.hanging-principle-sheet{background:#fff;border:2px solid var(--washi-border);border-radius:8px;padding:24px 20px 20px;position:relative;box-shadow:var(--shadow-soft);transition:transform .3s cubic-bezier(.175,.885,.32,1.15),box-shadow .3s ease;min-height:130px}.hanging-principle-sheet:nth-child(1){transform:rotate(-2.5deg) translateY(4px)}.hanging-principle-sheet:nth-child(2){transform:rotate(1.5deg) translateY(2px)}.hanging-principle-sheet:nth-child(3){transform:rotate(-1.5deg) translateY(6px)}.hanging-principle-sheet:nth-child(4){transform:rotate(2.5deg) translateY(1px)}.hanging-principle-sheet:hover{transform:scale(1.05) rotate(0) translateY(-4px)!important;box-shadow:var(--shadow-hover);z-index:5}.hanging-wire-clip{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:22px;height:18px;background:#756981;border-radius:3px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.hanging-wire-clip:before{content:"";position:absolute;top:-6px;width:12px;height:8px;border:2px solid #756981;border-bottom:none;border-radius:3px 3px 0 0}.hanging-sheet-num{font-family:var(--font-heading);font-size:1.1rem;color:var(--marker-pink);font-weight:700;display:block;margin-bottom:6px}.hanging-principle-sheet:nth-child(2) .hanging-sheet-num{color:var(--mint-note)}.hanging-principle-sheet:nth-child(3) .hanging-sheet-num{color:var(--sunny-sticky)}.hanging-principle-sheet:nth-child(4) .hanging-sheet-num{color:var(--pen-blue)}.hanging-sheet-text{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.tools-organizer-drawer{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:24px}.organizer-compartment{background:#fff;border:2px solid var(--washi-border);border-radius:12px;padding:24px 20px 20px;position:relative;box-shadow:var(--shadow-soft);transition:transform .2s ease}.organizer-compartment:hover{transform:translateY(-2px)}.compartment-label{position:absolute;top:-14px;left:18px;padding:3px 14px;border-radius:6px;border:2px solid var(--washi-border);font-family:var(--font-heading);font-size:.95rem;font-weight:700;box-shadow:0 2px 4px #0000000d}.organizer-compartment:nth-child(1) .compartment-label{background:var(--marker-pink);color:#fff}.organizer-compartment:nth-child(2) .compartment-label{background:var(--mint-note);color:var(--ink-soft)}.organizer-compartment:nth-child(3) .compartment-label{background:var(--lavender-paper);color:var(--ink-soft)}.organizer-compartment:nth-child(4) .compartment-label{background:var(--pen-blue);color:var(--ink-soft)}.organizer-compartment:nth-child(5) .compartment-label{background:var(--sunny-sticky);color:var(--ink-soft)}.compartment-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.avatar-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.15)}.avatar-card:hover{transform:translateY(-4px) scale(1.02)}.avatar-washi{transform:rotate(-2deg);transition:transform .4s cubic-bezier(.175,.885,.32,1.15),box-shadow .4s ease}.avatar-card:hover .avatar-washi{transform:rotate(1deg);box-shadow:var(--shadow-hover)}.open-diary{background:#fffdf9;border:2px solid var(--washi-border);border-radius:var(--radius);padding:36px 32px 32px;box-shadow:var(--shadow-soft);position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;overflow:hidden}.open-diary:after{content:"";position:absolute;top:0;bottom:0;left:57.5%;width:2px;background:#30283f0d;box-shadow:0 0 10px #00000014}.bookmark-ribbon{position:absolute;top:-12px;left:15%;width:20px;height:55px;background:var(--lavender-paper);border-radius:0 0 4px 4px;box-shadow:0 3px 6px #00000014;z-index:5;transition:transform .3s ease}.open-diary:hover .bookmark-ribbon{transform:translateY(4px)}.bookmark-ribbon:after{content:"";position:absolute;bottom:0;left:0;border-width:0 10px 8px;border-style:solid;border-color:transparent transparent #fffdf9}.diary-left-page,.diary-right-page{position:relative;z-index:1}.diary-left-page{padding-right:12px}.diary-right-page{padding-left:12px;display:flex;flex-direction:column;justify-content:center}.handwritten-letter{background:#fffcfd;border:2px solid var(--washi-border);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-soft);position:relative;background-image:linear-gradient(90deg,rgba(255,117,184,.04) 1px,transparent 1px),linear-gradient(rgba(255,117,184,.04) 1px,transparent 1px);background-size:18px 18px}.handwritten-letter-washi{position:absolute;top:-10px;left:20px;width:60px;height:16px;background:#78e8c666;transform:rotate(-4deg)}.vintage-envelope{background:#faf6f0;border:2px solid #e2d1bc;border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-soft);position:relative;background-image:radial-gradient(rgba(90,75,61,.03) 1px,transparent 1px);background-size:14px 14px}.envelope-string-lock{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:16px;width:24px}.envelope-button{width:14px;height:14px;border-radius:50%;background:#a8947d;border:2px solid #5a4b3d;box-shadow:0 1px 3px #0000001a;z-index:2}.envelope-string-lock:after{content:"";position:absolute;top:7px;height:30px;width:2px;background:#5a4b3d;z-index:1}.polaroid-card{position:relative;background:#fff;border:1px solid rgba(255,117,184,.15);border-radius:4px;padding:24px 20px 32px;box-shadow:0 8px 24px #ff75b812;transform:rotate(-2deg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.polaroid-card:hover{transform:scale(1.03) rotate(1deg);box-shadow:0 12px 32px #ff75b824;z-index:5}.polaroid-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(3deg);width:64px;height:18px;background:#ff75b873;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.2) 5px,rgba(255,255,255,.2) 10px)}.polaroid-photo-space{background:#fafafa;border:1px solid rgba(0,0,0,.02);border-radius:4px;padding:12px 10px;margin-bottom:12px}.clipboard-card{position:relative;background:#fdfdfd;border:2px solid #e8e8e8;border-radius:var(--radius);padding:32px 20px 20px;box-shadow:var(--shadow-soft);background-image:linear-gradient(rgba(0,0,0,.01) 1px,transparent 1px);background-size:100% 20px}.clipboard-clip{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:48px;height:20px;background:linear-gradient(180deg,#d8d8d8,#b8b8b8);border-radius:4px 4px 0 0;border:2px solid #999;border-bottom:none;box-shadow:0 2px 4px #00000014}.clipboard-clip:before{content:"";position:absolute;top:4px;left:19px;width:6px;height:6px;background:#777;border-radius:50%}.challenge-highlight-text{position:relative;display:inline}.challenge-highlight-text:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:#ffe06f59;z-index:-1;border-radius:2px}.boarding-pass-ticket{position:relative;background:#f5fcf9;border:2px dashed var(--mint-note);border-radius:var(--radius);padding:24px 20px 20px;box-shadow:var(--shadow-soft);background-image:radial-gradient(circle at 0% 50%,transparent 10px,#f5fcf9 10px),radial-gradient(circle at 100% 50%,transparent 10px,#f5fcf9 10px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.boarding-pass-ticket:hover{transform:scale(1.03) rotate(-1deg);box-shadow:var(--shadow-hover);z-index:5}.ticket-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed rgba(120,232,198,.45);padding-bottom:12px;margin-bottom:14px}.ticket-logo{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:1.15rem;color:#3aab8a;font-weight:700}.ticket-code{font-size:.75rem;font-weight:800;letter-spacing:1px;color:#78e8c6;background:#78e8c626;padding:2px 8px;border-radius:4px}.ticket-flight-info{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:16px;text-align:center}.flight-point{display:flex;flex-direction:column}.point-city{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--ink-soft);line-height:1.1}.point-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase}.flight-path-line{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--text-secondary) 0,var(--text-secondary) 4px,transparent 4px,transparent 8px);opacity:.4;width:100%}.flight-plane-icon{position:absolute;top:-8px;left:50%;transform:translate(-50%);color:#3aab8a;font-size:.8rem}.postcard-card{background:#fffdfb;border:3px double var(--washi-border);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-soft);position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;overflow:hidden}.postcard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--marker-pink),var(--sunny-sticky),var(--mint-note),var(--pen-blue),var(--lavender-paper))}.postcard-left-side{padding-right:12px}.postcard-right-side{border-left:1px dashed var(--washi-border);padding-left:36px;display:flex;flex-direction:column;justify-content:center;position:relative}.postage-stamp{position:absolute;top:0;right:0;width:70px;height:82px;background:#fff;border:3px solid #ffdae2;border-radius:4px;padding:6px;box-shadow:0 2px 8px #ff75b814;background-image:radial-gradient(circle,transparent 3px,#ffccd8 3px);background-size:10px 10px;background-position:-5px -5px;display:flex;align-items:center;justify-content:center;transform:rotate(5deg);transition:transform .3s ease}.postcard-card:hover .postage-stamp{transform:rotate(-3deg) scale(1.05)}.postage-stamp-inner{background:#fff5f7;border:1px solid #ffccd8;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--marker-pink);font-family:var(--font-heading);font-weight:700;font-size:.8rem;line-height:1}.postmark-stamp{position:absolute;top:-12px;right:64px;width:60px;height:60px;border:1.5px dashed rgba(48,40,63,.25);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#30283f59;font-size:.5rem;font-weight:800;transform:rotate(-12deg);text-align:center;line-height:1.2;pointer-events:none}.postcard-address-lines{display:flex;flex-direction:column;gap:16px;margin-top:36px;width:100%}.postcard-address-line{height:2px;background-color:var(--washi-border);opacity:.6;width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:860px){.app-shell{padding-top:140px}.stationery-nav{flex-direction:column;border-radius:var(--radius);gap:10px;padding:12px 18px;top:10px;width:calc(100% - 24px);max-width:500px}.brand-mark{border-right:none;padding-right:0;border-bottom:2px solid var(--washi-border);padding-bottom:8px;width:100%;justify-content:center}.stationery-nav nav{width:100%;justify-content:center}.nav-gem{padding:6px 12px;font-size:.82rem}.hero-section,.reflection-grid,.info-section{grid-template-columns:1fr}.avatar-card{width:100%;align-items:center}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reflection-lists{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.strength-strip{grid-template-columns:1fr}.scene-side-left,.scene-side-right{opacity:.15}.lined-notepad{padding:28px 20px 20px 42px}.lined-notepad:before{left:30px}.open-diary{grid-template-columns:1fr;padding:32px 24px;gap:20px}.open-diary:after{display:none}.diary-left-page{padding-right:0;border-bottom:2px dashed var(--washi-border);padding-bottom:20px}.diary-right-page{padding-left:0}.bookmark-ribbon{left:80%;height:45px}.postcard-card{grid-template-columns:1fr;padding:28px 20px;gap:24px}.postcard-right-side{border-left:none;border-top:1px dashed var(--washi-border);padding-left:0;padding-top:28px}.postage-stamp{top:-12px;right:0;width:60px;height:70px}.postmark-stamp{top:-24px;right:56px}.tools-organizer-drawer{grid-template-columns:1fr}}@media(max-width:520px){.app-shell{padding-inline:12px;padding-top:140px}.info-grid{grid-template-columns:1fr}.hero-section{gap:20px}.notebook-card{padding:18px}.project-card-body{padding:16px}.nav-gem span{font-size:.75rem}.stationery-nav nav{gap:2px}.lined-notepad{padding:24px 16px 16px 34px;background-size:100% 26px;background-image:linear-gradient(#c9b3ff14 25px,#e1e9ff 25px 26px)}.lined-notepad:before{left:24px}.hanging-wire-board{grid-template-columns:1fr;padding-top:10px;gap:16px}.hanging-wire-board:before{display:none}.hanging-principle-sheet{transform:none!important;min-height:auto}.hanging-wire-clip{display:none}.sticky-board{grid-template-columns:1fr;gap:16px}.sticky-paper{transform:none!important;min-height:auto}.sticky-paper-washi{top:-8px;width:60px}.postcard-card{padding:24px 16px}.postage-stamp,.postmark-stamp{display:none}.postcard-address-lines{margin-top:20px;gap:12px}.scene-side-left,.scene-side-right{display:none}}.real-cassette-player{align-items:stretch;flex-direction:column;gap:16px}.cassette-deck-panel,.cassette-control-panel{width:100%}.cassette-deck-panel,.cassette-control-panel,.track-meta-card,.player-transport-stack{display:flex;flex-direction:column}.cassette-control-panel{justify-content:center;gap:14px}.player-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.player-transport-stack{gap:12px;padding-top:12px;border-top:1px dashed var(--washi-border)}.player-title-icon{font-size:1.1rem}.player-status-led{background-color:#756981;box-shadow:none;animation:none}.player-status-led.is-playing{background-color:var(--marker-pink);box-shadow:0 0 8px var(--marker-pink);animation:led-blink 1s ease-in-out infinite alternate}.cassette-sticker-footer{display:flex;justify-content:space-between;align-items:center;font-size:.55rem;font-weight:800;color:var(--text-secondary)}.track-meta-card{gap:3px;padding:12px 14px;border:1px solid var(--washi-border);border-radius:12px;background:#ffffff8f}.track-meta-card h3{margin:0;font-family:var(--font-heading);font-size:1.2rem;color:var(--ink-soft)}.track-meta-card p,.track-meta-card small{margin:0;color:var(--text-secondary)}.track-mood{width:fit-content;padding:2px 8px;border-radius:999px;background:var(--sunny-sticky);color:var(--ink-soft);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.player-timeline,.volume-control{display:flex;align-items:center;gap:10px}.player-timeline span{min-width:38px;font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--text-secondary)}.player-timeline input,.volume-control input{width:100%;accent-color:var(--marker-pink);cursor:pointer}.volume-control{width:min(150px,42%);color:var(--text-secondary)}.main-control{width:38px;height:38px}@media(max-width:760px){.player-info-grid{grid-template-columns:1fr}.player-controls{align-items:flex-start;flex-direction:column;gap:12px}.volume-control{width:100%}}.floating-cassette-player{position:fixed;right:clamp(14px,2.5vw,28px);bottom:clamp(14px,2.5vw,28px);z-index:30}.floating-player-toggle{position:relative;width:58px;height:58px;border:2px solid var(--washi-border);border-radius:50%;background:linear-gradient(135deg,var(--bg-card),var(--lavender-paper));box-shadow:var(--shadow-soft);cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease}.floating-player-toggle:hover,.floating-player-toggle:focus-visible{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 26px #30283f2e}.floating-player-icon{font-size:1.75rem;position:relative;z-index:1}.floating-player-pulse{position:absolute;inset:8px;border-radius:50%;background:#ff75b82e;opacity:0}.floating-player-toggle.is-playing .floating-player-pulse{animation:player-pulse 1.6s ease-in-out infinite}@keyframes player-pulse{0%,to{opacity:.25;transform:scale(.86)}50%{opacity:.7;transform:scale(1.25)}}.floating-player-popup{position:absolute;right:0;bottom:74px;width:min(560px,calc(100vw - 28px));max-height:min(520px,calc(100vh - 108px));overflow:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:player-popup-in .18s ease-out}.floating-player-close{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;border:1px solid var(--washi-border);border-radius:50%;background:#ffffffd9;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center}.floating-player-close:hover{color:var(--marker-pink);border-color:var(--marker-pink)}@keyframes player-popup-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.floating-cassette-player{right:12px;bottom:12px}.floating-player-popup{right:-2px;bottom:70px;width:calc(100vw - 24px);max-height:58vh}}.real-cassette-player{gap:10px;padding:14px 16px}.real-cassette-player:before{height:4px}.real-cassette-player .player-title{font-size:1.05rem}.real-cassette-player .cassette-tape-visual{aspect-ratio:3.2 / 1;padding:10px;border-width:2px;border-radius:10px}.real-cassette-player .cassette-sticker{width:76%;height:70%;padding:6px 8px}.real-cassette-player .cassette-sticker-label{font-size:.68rem;margin-top:4px}.real-cassette-player .cassette-spool-hole{width:22px;height:22px;border-width:3px}.real-cassette-player .cassette-control-panel,.real-cassette-player .player-transport-stack,.real-cassette-player .player-info-grid{gap:8px}.real-cassette-player .track-meta-card{padding:8px 10px}.real-cassette-player .track-meta-card h3{font-size:1rem}.real-cassette-player .track-meta-card p,.real-cassette-player .track-meta-card small,.real-cassette-player .cassette-lyrics-box{font-size:.78rem;line-height:1.35}.real-cassette-player .cassette-lyrics-box{padding:8px 10px}.real-cassette-player .player-transport-stack{padding-top:8px}.real-cassette-player .control-btn{width:28px;height:28px}.real-cassette-player .main-control{width:34px;height:34px}.real-cassette-player .control-buttons{gap:8px}.real-cassette-player{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(280px,1.15fr);align-items:stretch}.real-cassette-player .cassette-control-panel{min-height:100%;justify-content:flex-start}.real-cassette-player .player-transport-stack{margin-top:auto}.real-cassette-player .cassette-tape-visual{min-height:150px;height:100%}@media(max-width:860px){.real-cassette-player{display:flex;flex-direction:column}.real-cassette-player .cassette-tape-visual{min-height:0;height:auto}}