@font-face{font-family:Galmuri;src:url('assets/Galmuri11.woff2') format('woff2');font-display:swap}
:root{--ink:#414746;--accent:#438e9e;--cover:#91c1cd;--soft:#e7f2f4;--edge:#779aa1;--paper:#fff;--orange:#e9823d;--roomwall:#d8e6e6;--roomfloor:#c5cfbd}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Galmuri,'Dotum',sans-serif;font-size:12px;line-height:1.8;background-color:#e6e8e5;background-image:linear-gradient(#cad2cf66 1px,transparent 1px),linear-gradient(90deg,#cad2cf66 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding-bottom:90px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:1px solid #afb4b1;background:linear-gradient(#fff,#efefec);padding:5px 10px;border-radius:2px}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}input,textarea,select{border:1px solid #bfc6c4;background:white;border-radius:1px;padding:9px;width:100%;min-width:0}textarea{resize:vertical;min-height:95px}h1,h2,h3,p{margin:0}h2{font-size:14px;color:var(--accent);font-weight:400}h3{font-size:13px}small{font-size:10px;color:#89908e}a{color:var(--accent)}.preview-bar{padding:7px 22px;background:#f7f7f0;border-bottom:1px solid #cbd0c9;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#737b74}.preview-bar i{display:inline-block;width:6px;height:6px;background:#88a779;border-radius:50%;margin-right:7px}.preview-bar button{border:none;background:none;padding:0;font-size:10px;text-decoration:underline}.desktop-heading{max-width:1010px;margin:25px auto 17px;display:flex;align-items:center;gap:22px;color:#7f8987;font-size:11px;padding:0 12px}.brand{font-size:22px;letter-spacing:-2px;color:#465e61}.orange{color:var(--orange)}.desktop-heading button{margin-left:auto;font-size:10px;border:none;background:none;color:#5f777a}.notebook{position:relative;max-width:1010px;margin:auto;background:var(--cover);border:1px solid var(--edge);border-radius:15px;padding:15px;box-shadow:3px 4px 0 #657f8126, inset 1px 1px 0 #ffffff9c;transition:background .25s}.stitch{padding:19px 24px 12px 19px;border:1px dashed #ffffffde;border-radius:10px}.home-header{display:flex;justify-content:space-between;align-items:center;padding:0 9px 10px;font-size:10px}.counter{color:#455c60;letter-spacing:.2px}.counter b{color:#c5603f;font-weight:400}.counter span{padding:0 11px;color:#7b9b9f}.counter strong{font-weight:400}.window-tools{color:#537e88;font-family:monospace;font-size:14px;letter-spacing:8px}.home-title{display:flex;align-items:center;justify-content:space-between;padding:13px 22px 16px;background:#f8faf7;border:1px solid #819698;border-bottom:0;border-radius:12px 12px 0 0}.eyebrow{font-family:Georgia,serif;font-style:italic;font-size:11px;color:#a4a9a0}.home-title h1{font-size:19px;font-weight:400;color:#326f7e;margin-top:2px;letter-spacing:-.6px}.small-link{padding:2px 0;border:0;background:none;font-size:10px;color:#a8743f;white-space:nowrap}.book-body{display:grid;grid-template-columns:215px 20px 1fr;background:#f1f3ef;border:1px solid #819698;border-top:0;border-radius:0 0 12px 12px;padding:0 12px 14px}.profile-panel{border:1px solid #b0b7b1;background:white;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}.profile-image{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #d6dbd3;background:#eef0e9;display:block;image-rendering:auto}.mood{border:1px solid #d3d9d4;padding:5px;text-align:center;font-size:10px}.mood em{font-style:normal;color:var(--accent);margin-right:8px}.intro{white-space:pre-line;font-size:11px;line-height:2}.profile-bottom{margin-top:auto}.dotted{border-top:1px dotted #b5bcb8;padding-top:9px}.nick{color:var(--accent);font-size:13px}.meta-line{display:flex;justify-content:space-between;align-items:center}.tiny{font-size:10px}.wallet{background:#fcf8ec;border:1px solid #e6d9b7;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.wallet b{color:#b77231;font-weight:400}.profile-actions{display:flex;gap:5px}.profile-actions button{flex:1;font-size:10px;padding:5px}.bgm{padding:7px;border:1px solid #cbd1cd;background:#f2f5f2;display:grid;grid-template-columns:25px 1fr;gap:6px;font-size:10px;align-items:center}.bgm button{padding:2px;border:none;background:none;color:var(--accent)}.bgm label{color:#9a9e96;font-size:9px}.bgm .song{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.rings{display:flex;flex-direction:column;justify-content:space-around;position:relative;z-index:2}.rings i{height:7px;width:30px;margin-left:-5px;border:1px solid #919a92;border-radius:6px;background:linear-gradient(#d4dbd1,#fff 45%,#adb7af);box-shadow:0 1px 1px #7775}.right-page{position:relative;min-width:0;background:white;border:1px solid #aab5ad;border-radius:8px;padding:17px 20px 20px;margin-right:20px;min-height:572px}.page-tabs{position:absolute;left:100%;top:25px;display:flex;flex-direction:column;gap:5px;z-index:3}.page-tabs button{background:var(--accent);color:white;border:1px solid #647f83;border-left:0;border-radius:0 5px 5px 0;font-size:11px;width:60px;padding:9px 4px}.page-tabs button.active{background:white;color:#364642;border-color:#aab5ad;padding-left:5px;margin-left:-1px}.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d3cf;padding-bottom:5px;margin-bottom:10px;color:var(--accent);font-size:12px}.section-title span{font-family:Arial,sans-serif;color:#a2aaa6;font-size:9px;letter-spacing:1px}.news{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;font-size:10px;margin-bottom:17px}.news ul{margin:0;padding:0;list-style:none}.news li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:2px 0}.tag{display:inline-block;background:#96a89f;color:white;font-size:9px;line-height:1.4;padding:1px 3px;margin-right:5px}.tag.pink{background:#d4899a}.news-count{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px dotted #bac5bd}.news-count div{border-bottom:1px dotted #bac5bd;padding:4px 1px;color:#728889}.room-wrap{position:relative;background:#eef2e9;border:1px solid #c1cdc5;overflow:hidden}.room-wrap svg{display:block;width:100%;height:auto}.room-caption{position:absolute;top:12px;left:12px;padding:4px 8px;font-size:9px;background:#ffffffb8;border:1px solid #cad6cd;color:#708079}.room-controls{display:flex;justify-content:space-between;border-bottom:1px solid #d3d9d2;padding:6px 0;margin-bottom:13px;font-size:10px}.room-controls button{font-size:10px;padding:0;border:0;background:none;color:#6c8689}.friendline{display:flex;gap:8px;padding:7px 0;border-bottom:1px dotted #c5ccc6;font-size:11px}.friendline .name{color:var(--accent);white-space:nowrap}.friendline .rel{font-size:10px;color:#91958c}.write-inline{display:flex;gap:5px;background:#edf0eb;padding:6px;margin-top:9px}.write-inline input{padding:5px;font-size:10px}.write-inline button{white-space:nowrap;padding:4px 7px;font-size:10px}.home-stamp{text-align:right;margin-top:15px;color:#b8c2b8;font:italic 17px Georgia,serif}.book-footer{display:flex;justify-content:space-between;color:#4e787f;font-size:9px;padding:9px 7px 0}.dock{max-width:750px;display:flex;justify-content:space-around;gap:7px;margin:17px auto 0;padding:0 12px}.dock button{flex:1;display:flex;gap:9px;align-items:center;justify-content:center;border:1px solid #a8b6b0;background:#f9faf5;box-shadow:2px 2px #a1b2a12b;font-size:11px;padding:10px 6px}.dock button span{font-size:20px;line-height:1;color:var(--accent)}.dock .wave{background:var(--soft)}.bottom-note{text-align:center;font-size:9px;color:#9ba59e;margin-top:20px;letter-spacing:.5px}.empty{text-align:center;padding:40px 10px;color:#969e94}.entry{border-bottom:1px dotted #b8c3bb;padding-bottom:15px;margin-bottom:18px}.entry-header{background:#edf0eb;display:flex;justify-content:space-between;padding:5px 8px;font-size:10px;margin-bottom:13px}.entry-body{display:flex;gap:15px;padding:0 6px;align-items:flex-start}.entry-avatar{width:66px;height:79px;background:#eaf0e7;flex-shrink:0;border:1px solid #d4dcd1;object-fit:cover}.entry-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:2}.entry-reply{background:#f7f6ee;padding:6px 10px;margin-top:10px;font-size:10px;color:#85897d}.entry button{border:0;background:none;padding:0;color:var(--accent);font-size:10px}.form-row{margin-bottom:13px}.form-row label{display:block;margin-bottom:5px;font-size:11px}.hint{font-size:10px;color:#959a8f;line-height:1.8;margin:8px 0 13px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.full{width:100%}.actions{display:flex;gap:7px;justify-content:flex-end;margin-top:12px}.note{background:#fffbee;border:1px solid #e6dfc5;padding:10px 12px;font-size:11px;margin-bottom:16px}.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-card{border:1px solid #ccd2ca;padding:6px;background:white;box-shadow:2px 2px 0 #eff0e9}.photo-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-card p{font-size:10px;margin:7px 2px 2px}.qa{display:grid;grid-template-columns:100px 1fr;font-size:11px}.qa dt,.qa dd{padding:10px 0;border-bottom:1px dotted #c4ccc1;margin:0}.qa dt{color:var(--accent)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.product{border:1px dotted #b8c4b9;padding:8px}.product svg{width:100%;display:block;background:#eef2e9}.product h3{font-size:11px;font-weight:400;margin:7px 0 3px}.product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px}.product-bottom button{font-size:10px;padding:3px 7px}.shop-heading{color:#d57528;background:#fff5dc;padding:10px;border:1px solid #e8d4a6;margin-bottom:15px}.shop-tabs{display:flex;gap:5px;margin-bottom:13px}.shop-tabs button{font-size:10px}.shop-tabs button.active{color:#ce782c;border-color:#dcac78;background:#fff9e9}.person{display:flex;align-items:center;gap:10px;border-bottom:1px dotted #c5ccc1;padding:12px 0}.person img{width:46px;height:46px;object-fit:cover;border:1px solid #c8d1c3}.person-info{flex:1;min-width:0;font-size:11px}.person-info p{font-size:10px;color:#929a8e}.person button{font-size:10px}.inbox-item{border:1px solid #e0dcc8;padding:12px;margin-bottom:12px;background:#fffdf5}.inbox-item header{font-size:11px;color:#ba8340}.inbox-item p{font-size:11px;margin:10px 0;white-space:pre-wrap}.inbox-item footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9d9d8f}.inbox-item button{font-size:10px}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip-row button{font-size:11px}.chip-row button.selected{border-color:var(--accent);color:var(--accent);background:var(--soft)}dialog{border:1px solid #778b82;padding:0;width:calc(100% - 34px);max-width:460px;max-height:85vh;background:#fffef9;box-shadow:5px 5px 0 #40574e44;border-radius:5px}dialog::backdrop{background:#31474066;backdrop-filter:blur(2px)}.dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:var(--soft);border-bottom:1px solid #a5b6ac;padding:7px 12px;font-size:12px;z-index:1}.dialog-bar button{padding:0 7px;font-size:17px;background:white;line-height:1.3}#modalBody{padding:20px}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 30px);width:max-content;opacity:0;background:#3e5750;color:#fff;padding:10px 16px;font-size:11px;transition:.2s;z-index:100;pointer-events:none;border:1px solid #2f443d}.toast.show{opacity:1;transform:translate(-50%,0)}.file-label{display:block;border:1px dashed #aebcad;background:#f8faf4;padding:12px;text-align:center;cursor:pointer;font-size:11px}.file-label input{display:none}.music-link{display:block;padding:10px;background:#edf2eb;text-align:center;margin-top:10px}.reveal-price{display:flex;justify-content:space-between;border-top:1px dotted #bec6b9;padding-top:10px;margin-top:15px}.diary-date{font-size:18px;color:var(--accent);margin:16px 0 8px}.diary-paper{padding:15px;background:repeating-linear-gradient(#fffdf8,#fffdf8 29px,#e4e7d9 30px);line-height:30px;font-size:11px;white-space:pre-wrap}.date-month{display:flex;justify-content:space-between;border:1px solid #cbd3c6;padding:9px;font-size:11px;background:#f6f8f1}.about-img{width:90px;height:90px;object-fit:cover;float:right;margin:0 0 15px 10px}.label-new{font-family:Arial;font-size:8px;color:white;background:#ed9962;padding:0 2px;margin-left:5px}.pulse-star{animation:twinkle 3s infinite}@keyframes twinkle{50%{opacity:.35}}#content{animation:appear .18s ease}@keyframes appear{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.notebook{margin-top:28px}.desktop-heading{margin-top:45px}}
@media(max-width:700px){body{font-size:11px;padding-bottom:92px;background-size:16px 16px}.preview-bar{padding:6px 12px;font-size:9px}.desktop-heading{margin:15px 11px 10px;padding:0;gap:12px}.brand{font-size:19px}.desktop-heading>span:nth-child(2){font-size:9px}.desktop-heading button{display:none}.notebook{margin:0 8px;padding:8px;border-radius:12px}.stitch{padding:10px 7px 8px;border-radius:7px}.home-header{padding:0 3px 8px;font-size:8px}.counter span{padding:0 6px}.window-tools{font-size:11px;letter-spacing:5px}.home-title{padding:11px 12px 12px;align-items:center;border-radius:8px 8px 0 0}.home-title h1{font-size:15px;letter-spacing:-.7px}.eyebrow{font-size:9px}.small-link{font-size:8px}.book-body{display:block;padding:0 8px 10px}.profile-panel{display:grid;grid-template-columns:81px 1fr;gap:7px 11px;padding:10px;border-radius:5px}.profile-image{grid-row:1/4;width:81px;height:88px;aspect-ratio:auto}.mood{text-align:left;border:0;padding:0;font-size:9px;align-self:end}.intro{font-size:10px;line-height:1.8;white-space:normal}.profile-bottom{grid-column:2;grid-row:3;padding:0;border:0;margin:0}.profile-bottom .nick{font-size:11px}.profile-bottom small{font-size:8px}.wallet{grid-column:1;padding:5px;font-size:9px;justify-content:center;gap:5px}.profile-actions{grid-column:2;grid-row:4}.profile-actions button{font-size:9px;padding:4px}.bgm{grid-column:1/-1;padding:5px 8px;grid-template-columns:20px 1fr}.bgm>div{display:flex;gap:12px;align-items:center}.bgm .song{max-width:none;font-size:9px}.bgm label{font-size:8px}.rings{height:18px;flex-direction:row;justify-content:space-between;padding:0 35px;align-items:center}.rings i{width:6px;height:29px;margin:0;transform:none;background:linear-gradient(90deg,#b5bfb2,#fff 50%,#b5bfb2)}.rings i:last-child{display:none}.right-page{padding:14px 10px 16px;margin-right:23px;min-height:400px;border-radius:5px}.page-tabs{top:13px;gap:5px}.page-tabs button{width:37px;padding:10px 3px;font-size:9px;line-height:1.4;word-break:keep-all}.section-title{font-size:11px;margin-bottom:8px}.section-title span{font-size:8px;letter-spacing:.5px}.news{font-size:9px;gap:7px;margin-bottom:14px;grid-template-columns:1.2fr 1fr}.tag{font-size:8px}.news-count{font-size:8px}.news-count div{padding:4px 0}.room-caption{font-size:8px;top:7px;left:7px;padding:2px 5px}.room-controls{font-size:8px;margin-bottom:13px}.room-controls button{font-size:8px}.friendline{font-size:9px;gap:6px}.friendline .rel{font-size:8px}.write-inline{padding:4px;gap:3px}.write-inline input{font-size:9px;padding:6px 4px}.write-inline button{font-size:9px;padding:3px 5px}.book-footer{font-size:8px;padding:7px 2px 0}.dock{position:fixed;bottom:0;left:0;right:0;z-index:10;margin:0;padding:8px 5px max(9px,env(safe-area-inset-bottom));background:#f6f8f1f5;border-top:1px solid #afbdb0;gap:2px;backdrop-filter:blur(8px)}.dock button{flex-direction:column;gap:5px;font-size:9px;padding:5px 0;border:none;background:none;box-shadow:none}.dock .wave{background:#e2eee6;border-radius:4px}.dock button span{font-size:20px}.bottom-note{font-size:8px;margin-top:13px}.entry-body{gap:9px;padding:0}.entry-avatar{width:48px;height:62px}.entry-text{font-size:10px}.entry-header{font-size:9px;padding:5px}.qa{grid-template-columns:72px 1fr;font-size:10px}.product{padding:5px}.product h3{font-size:10px}.product-bottom{font-size:9px;gap:3px}.product-bottom button{font-size:9px;padding:3px 4px}.shop-grid{gap:8px}.person{gap:7px}.person img{width:35px;height:42px}.person-info{font-size:10px}.person-info p{font-size:9px}.person button{font-size:9px;padding:4px}.home-stamp{font-size:15px}.form-row label{font-size:10px}.photo-card{padding:4px}.photo-card p{font-size:9px}.album-grid{gap:8px}}
.wallet span,.wallet b{white-space:nowrap}
@media(max-width:700px){.wallet{font-size:8px;gap:3px;padding:4px 2px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.notebook{margin-top:24px}.profile-panel .wallet{margin-top:auto}.room-controls{min-height:25px}.section-title span:empty{display:none}.shop-tabs{flex-wrap:wrap}.product-room{position:relative;overflow:hidden}.luxury-tag{font:8px Arial;color:#9c7840;letter-spacing:1px;display:block}.try-theme{width:100%;margin-top:7px;font-size:10px;border-color:#c6b9d0;background:#fffaff}.effect-sample{height:100px;display:grid;place-items:center;font-size:42px;color:#d88cb1;background:linear-gradient(135deg,#fff4f8,#f1e7ff)}.effect-clouds{color:white;background:linear-gradient(#b0d8eb,#e8f7fc);text-shadow:0 2px 0 #b4d2dd}.effect-weather{color:#e2b760;background:linear-gradient(125deg,#fcf0cf,#cdbdf1)}.environment{display:flex;gap:8px;margin-top:15px;font-size:10px}.environment label{flex:1;min-width:0}.environment select{font-size:10px;padding:5px;margin-top:4px}.weather-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}.weather-layer i{position:absolute;left:var(--x);top:-12%;width:var(--size);height:var(--size);animation:fall var(--duration) linear infinite;animation-delay:var(--delay);opacity:.8}.petals i{background:linear-gradient(135deg,#fff7fb,#f3aaca);border-radius:90% 0 90% 20%;box-shadow:0 0 3px #fff5}.snow i{background:white;border-radius:50%;box-shadow:0 0 4px #fff}.rain i{width:1px;height:19px;background:#c9e9ff;animation-name:rainfall}.clouds i{width:auto;height:auto;font:var(--size) Georgia;color:#fff;top:var(--y);text-shadow:0 4px 9px #779db030;animation:cloudDrift 22s linear infinite;animation-delay:var(--delay)}.stars i{top:var(--y);font:20px Georgia;color:#fff5bf;width:auto;height:auto;animation:twinkle 3s ease-in-out infinite;animation-delay:var(--delay)}.room-wrap.night>svg{filter:brightness(.64) saturate(.85)}.room-wrap.night{background:#3c3b59}.crystal-glow{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff8ef70 45%,transparent 60%);pointer-events:none;animation:shine 7s ease-in-out infinite;z-index:3}.room-wrap>svg{transition:filter .5s}
body[data-skin=pink]{background-color:#f3dce8;background-image:linear-gradient(#fff6 1px,transparent 1px),linear-gradient(90deg,#fff6 1px,transparent 1px)}body[data-skin=pink] .notebook{background:linear-gradient(135deg,#f8c9df,#e999c5 45%,#fbdce9);box-shadow:0 0 0 3px #fff8,0 6px 25px #cf7ea84d}body[data-skin=pink] .home-title{background:linear-gradient(#fff,#fff0f7)}body[data-skin=pink] .stitch{border-color:#fff;border-width:2px}body[data-skin=pink] .page-tabs button{background:linear-gradient(#ecb2cd,#cf81ae)}body[data-skin=pink] .page-tabs button.active{background:white}
body[data-skin=green]{background-color:#e8efcd;background-image:radial-gradient(#fff9 2px,transparent 2px);background-size:18px 18px}body[data-skin=green] .notebook{background:linear-gradient(120deg,#e6edb5,#a8c58c 40%,#e8e5a4);box-shadow:0 0 0 3px #faffdf,0 0 22px #9db66b66}body[data-skin=green] .stitch{border:2px dotted #ffffd3}body[data-skin=green] .home-title{background:linear-gradient(#fffde8,#f5f9e8)}
body[data-skin=crystal]{background-color:#e9e1f4;background-image:radial-gradient(#fff 1px,transparent 2px),linear-gradient(135deg,#f5dbea88,#c3c0eb66);background-size:19px 19px,100% 100%}body[data-skin=crystal] .notebook{background:linear-gradient(125deg,#fff2de 0%,#d7bfee 17%,#fbe6f4 32%,#b2a7dc 52%,#f0d7ee 70%,#efe7bd 100%);border:2px solid #baa17a;box-shadow:0 0 0 3px #fff8e5,0 0 0 5px #d4bd9c,0 8px 32px #ae86c86b}body[data-skin=crystal] .stitch{border:2px dotted #fffaf0;box-shadow:inset 0 0 0 1px #c6a777;border-radius:9px}body[data-skin=crystal] .home-title{background:linear-gradient(110deg,#fffbf1,#f4e5f5,#f8f3dc);border-color:#c9b187}body[data-skin=crystal] .book-body{border-color:#c9b187;background:#f6eef6}body[data-skin=crystal] .right-page,body[data-skin=crystal] .profile-panel{border:1px solid #c9b795;box-shadow:inset 0 0 0 3px #f7f1e4}body[data-skin=crystal] .page-tabs button{background:linear-gradient(#ebe2f8,#aa91c9);border-color:#a48aba;box-shadow:inset 0 1px #fff}body[data-skin=crystal] .page-tabs button.active{background:linear-gradient(#fffdf4,#fff)}body[data-skin=crystal] .rings i{background:linear-gradient(#aa8954,#fff7d5,#d4b476)}.skin-crystal{background:linear-gradient(135deg,#fff9df,#efdcf9);border:1px solid #c4a779}.skin-pink{background:#fff5fa}.skin-green{background:#f7fae9}
#themePreviewBar{max-width:1010px;margin:16px auto;background:#fcfaf5;border:1px solid #bfb3c8;padding:10px 14px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px}#themePreviewBar .environment{width:100%;margin-top:0}#themePreviewBar button{font-size:10px}@keyframes fall{from{transform:translate(0,-20px) rotate(0)}to{transform:translate(30px,380px) rotate(270deg)}}@keyframes rainfall{to{transform:translate(-50px,400px)}}@keyframes cloudDrift{from{transform:translateX(-160px)}to{transform:translateX(560px)}}@keyframes shine{0%,65%,100%{transform:translateX(-100%);opacity:0}75%{opacity:.8}90%{transform:translateX(100%);opacity:0}}
@media(max-width:700px){.notebook{margin-top:15px}.profile-panel{grid-template-columns:81px 1fr}.profile-image{grid-row:1/3}.profile-panel .wallet{grid-column:1;grid-row:3;margin:0}.profile-actions{grid-row:3}.bgm{grid-row:4}.profile-panel .intro{align-self:start}.profile-panel .mood{align-self:center}.product .try-theme{font-size:8px}.environment{flex-wrap:wrap}#themePreviewBar{margin:10px;font-size:10px}.shop-tabs button{padding:4px 6px}.book-body{padding-bottom:10px}}