@font-face{font-family:Kidmania;src:url(/Kidmania%20Trial%20Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Trebuchet MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--font-display: "Kidmania", "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-body: "Trebuchet MS", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;color:#f8f0ca;background:#11284f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}body{font-family:var(--font-body);margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:radial-gradient(circle at 15% 20%,#f5b95f 0 10%,transparent 35%),radial-gradient(circle at 80% 10%,#ea5a4f 0 12%,transparent 35%),linear-gradient(145deg,#0e264a,#153c74 45%,#0f2a56);overflow-x:hidden;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100svh}.meme-os{display:grid;grid-template-rows:auto auto 1fr;gap:1.1rem;padding:calc(var(--safe-top) + 1rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + 1rem) calc(var(--safe-left) + 1rem);max-width:1500px;margin:0 auto}.panel{border:2px solid #f8d06b;border-radius:18px;background:#0b1c3ad1;box-shadow:0 0 0 3px #091127b3,0 14px 30px #0006}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}.topbar-right{display:grid;gap:.6rem;justify-items:end}.ticker{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;padding:.7rem 1rem;background:linear-gradient(90deg,#ea5a4f33,#f8d06b2e)}.ticker strong{color:#f8d06b;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-family:var(--font-display)}.ticker p{margin:0;color:#f8f0ca;animation:fade-pop .26s ease-out}.brand{display:flex;align-items:center;gap:.9rem}.brand-logo{width:68px;height:68px;border-radius:16px;object-fit:cover;border:2px solid #f8d06b}.small-label{margin:0;color:#f3a25e;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}h1{margin:.1rem 0 0;color:#f9e282;font-size:clamp(1.5rem,2.4vw,2.35rem);font-family:var(--font-display);letter-spacing:.03em}.status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.status span{background:#f8d06b;color:#152e5e;border-radius:999px;padding:.32rem .65rem;font-size:.8rem;font-weight:700;font-family:var(--font-display);letter-spacing:.03em}.social-links{display:flex;gap:.45rem}.social-link{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .6rem;border-radius:999px;border:1px solid rgba(248,208,107,.48);background:#f8d06b24;color:#f8f0ca;text-decoration:none;font-size:.8rem;font-weight:700;font-family:var(--font-display);letter-spacing:.02em;transition:transform .15s ease,background .15s ease}.social-link:hover{transform:translateY(-1px);background:#f8d06b40}.social-link svg{width:14px;height:14px;fill:currentColor}.desktop-shell{display:grid;grid-template-columns:275px 1fr;gap:1.1rem;border-radius:20px;padding:.25rem}.desktop-shell.wallpaper-sunset .desktop-stage{background:radial-gradient(circle at 20% 15%,rgba(245,185,95,.45),transparent 40%),linear-gradient(145deg,#14386e,#1f3b83,#17315f)}.desktop-shell.wallpaper-night .desktop-stage{background:radial-gradient(circle at 85% 20%,rgba(150,116,255,.33),transparent 35%),linear-gradient(160deg,#0b1734,#13244a 48%,#0d1a38)}.desktop-shell.wallpaper-mint .desktop-stage{background:radial-gradient(circle at 18% 18%,rgba(130,255,197,.33),transparent 35%),linear-gradient(145deg,#17344d,#1a5a72,#17445f)}.desktop-shell.wallpaper-ember .desktop-stage{background:radial-gradient(circle at 82% 16%,rgba(255,167,112,.3),transparent 40%),linear-gradient(145deg,#3c1f35,#532949 45%,#2e1a32)}.desktop-stage{position:relative;overflow:hidden;min-height:780px;border-radius:18px;border:1px solid rgba(248,208,107,.35)}.wallpaper-panel{position:absolute;top:.7rem;right:.7rem;z-index:40;width:min(320px,calc(100% - 1.4rem));border-radius:14px;border:1px solid rgba(248,208,107,.45);background:#071225eb;padding:.7rem}.wallpaper-panel h3{margin:0 0 .55rem}.wallpaper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.wallpaper-option{border:1px solid rgba(248,208,107,.45);border-radius:10px;min-height:66px;display:grid;place-items:end start;padding:.4rem;color:#fff}.wallpaper-option span{background:#07122580;border-radius:999px;padding:.12rem .4rem;font-size:.72rem}.wallpaper-option.active{box-shadow:0 0 0 2px #f8d06b73 inset}.wallpaper-option.wallpaper-sunset{background:linear-gradient(145deg,#14386e,#1f3b83,#17315f)}.wallpaper-option.wallpaper-night{background:linear-gradient(160deg,#0b1734,#13244a 48%,#0d1a38)}.wallpaper-option.wallpaper-mint{background:linear-gradient(145deg,#17344d,#1a5a72,#17445f)}.wallpaper-option.wallpaper-ember{background:linear-gradient(145deg,#3c1f35,#532949 45%,#2e1a32)}.dock{padding:.9rem}.dock h2,.window h2,.window h3{margin:0;font-family:var(--font-display);letter-spacing:.02em}.dock ul{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.65rem}.app-button{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;border-radius:12px;border:1px solid rgba(249,226,130,.32);background:#f9e28214;color:#f8f0ca;padding:.48rem;transition:transform .15s ease,background .15s ease,border-color .15s ease;touch-action:manipulation}.app-button:hover{transform:translateY(-1px);background:#f8d06b24}.app-button.active{border-color:#f8d06b;background:#f8d06b40}.app-button img{width:42px;height:42px;border-radius:10px;object-fit:cover}.dock h3{margin:1rem 0 .55rem;font-size:1rem}.dock-actions{display:grid;gap:.45rem;margin-top:.7rem}.dock-actions button{width:100%}.events{margin:0;padding-left:1rem;display:grid;gap:.42rem;font-size:.9rem;max-height:235px;overflow:auto}.window{overflow:hidden}.desktop-window{position:absolute;left:24px;top:24px;width:900px;height:720px;display:flex;flex-direction:column;transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease}.desktop-window.maximized{left:8px!important;right:8px;top:8px!important;bottom:8px;width:auto!important;height:auto!important}.desktop-window.minimized{width:380px!important;height:auto!important;min-height:0}.window-minimized-note{margin:0;padding:1rem;color:#f8f0ca}.window-head{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;background:linear-gradient(90deg,#f8d06b,#f5b95f 35%,#ea5a4f);color:#1d3266;font-weight:700;cursor:grab}.window-head p{margin:0 0 0 .4rem;font-size:.9rem}.window-actions{margin-left:auto;display:flex;gap:.35rem}.window-actions button{min-height:28px;padding:.25rem .5rem;font-size:.65rem}.resize-handle{position:absolute;right:4px;bottom:4px;width:20px;height:20px;min-height:20px;border-radius:6px;border:1px dashed rgba(248,208,107,.55);background:#f8d06b3d;cursor:nwse-resize}.dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.dot.red{background:#ea5a4f}.dot.yellow{background:#f8d06b}.dot.green{background:#76e890}.window-content{padding:1rem;display:grid;gap:1rem;overflow:auto;flex:1}.app-panel{border:1px solid rgba(248,208,107,.3);background:#18386bb3;border-radius:14px;padding:.9rem;animation:fade-pop .24s ease-out}.app-header p{margin:.35rem 0 .9rem;color:#f8f0ca}.generator-layout{display:grid;grid-template-columns:270px 1fr;gap:1rem}.generator-controls{display:grid;gap:.7rem}.generator-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.generator-tools button{padding:.5rem .4rem;font-size:.78rem}.button-accent{background:linear-gradient(180deg,#f8d06b,#f5b95f)}.export-status{margin:0;font-size:.85rem;font-weight:700}.export-status.success{color:#9cf2b0}.export-status.error{color:#ffc4be}label{display:grid;gap:.4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}input,select{width:100%;border:1px solid rgba(248,208,107,.4);border-radius:10px;background:#071225bf;color:#f8f0ca;padding:.52rem .65rem;font-size:.95rem}input:focus,select:focus{outline:2px solid rgba(248,208,107,.5);outline-offset:2px}.meme-preview{position:relative;border-radius:16px;overflow:hidden;border:2px solid rgba(248,208,107,.5);background:#071225cc}.meme-preview img{width:100%;aspect-ratio:1/1;object-fit:cover}.caption{position:absolute;left:8%;right:8%;margin:0;text-align:center;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;font-size:clamp(.9rem,2vw,1.3rem)}.caption.top{top:.55rem}.caption.bottom{bottom:.55rem}.sticker-toolbar{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap;margin-bottom:.8rem}.sticker-meta{margin:0 0 .7rem;color:#f8f0cad1}.sticker-board{position:relative;min-height:360px;border-radius:14px;border:2px dashed rgba(248,208,107,.45);background:linear-gradient(45deg,rgba(248,208,107,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(248,208,107,.08) 25%,transparent 25%),#071225bf;background-size:28px 28px;background-position:0 0,0 14px;overflow:hidden}.empty-board{margin:0;position:absolute;inset:0;display:grid;place-items:center;color:#f8f0cab8}.board-sticker{position:absolute;border:none;background:transparent;padding:0;cursor:pointer;transition:transform .14s ease}.board-sticker:hover{transform:translate(-50%,-50%) scale(1.07)}.board-sticker img{width:100%;display:block;border-radius:9px;border:1px solid rgba(248,208,107,.44)}.planner-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:.8rem}.planner-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.planner-summary{border:1px solid rgba(248,208,107,.3);border-radius:12px;padding:.7rem;background:#07122573;display:grid;gap:.4rem;align-content:start}.planner-summary h3,.planner-summary p{margin:0}.progress-track{width:100%;height:11px;border-radius:999px;background:#f8d06b33;overflow:hidden}.progress-value{height:100%;border-radius:999px;background:linear-gradient(90deg,#f5b95f,#ea5a4f);transition:width .18s ease}.task-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.55rem}.task-item{display:flex;justify-content:space-between;gap:.6rem;padding:.58rem .6rem;border-radius:11px;border:1px solid rgba(248,208,107,.28);background:#f9e28214;align-items:center}.task-item[draggable=true]{cursor:grab}.task-item.dragging{opacity:.55}.task-item.drop-target{border-color:#f8d06bbf;box-shadow:0 0 0 2px #f8d06b33}.task-check{display:flex;align-items:center;gap:.48rem;font-size:.95rem;text-transform:none;letter-spacing:normal}.task-check span{display:grid;gap:.15rem}.task-check strong.done{text-decoration:line-through;opacity:.68}.task-check small{opacity:.78;font-size:.78rem}.task-actions{display:flex;align-items:center;gap:.5rem}.drag-handle{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .4rem;border-radius:8px;border:1px dashed rgba(248,208,107,.48);color:#fbe0a6}.reorder-mobile{display:none}.priority{display:inline-flex;align-items:center;justify-content:center;min-width:62px;border-radius:999px;padding:.2rem .45rem;font-size:.75rem;font-weight:800;text-transform:capitalize;font-family:var(--font-display);background:#f8d06b33;color:#f8d06b}.priority.high{background:#ea5a4f42;color:#ffd5cf}.priority.medium{background:#f5b95f40;color:#fbe0a6}.priority.low{background:#76e89033;color:#c9ffd5}.task-empty{padding:.85rem;border-radius:11px;border:1px dashed rgba(248,208,107,.35);color:#f8f0cacc}.export-canvas{position:fixed;width:0;height:0;opacity:0;pointer-events:none}button{border-radius:12px;padding:.6rem 1rem;background:linear-gradient(180deg,#f5b95f,#ea5a4f);color:#182e58;font-weight:800;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;min-height:44px;touch-action:manipulation}button:hover{filter:brightness(1.1)}.gallery{background:#18386ba6;border:1px solid rgba(248,208,107,.3);border-radius:14px;padding:.8rem}.gallery h3{margin-bottom:.7rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem}.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:2px solid rgba(248,208,107,.45);background:#071225e6}@keyframes fade-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.meme-os{gap:.9rem}.desktop-shell{grid-template-columns:1fr}.desktop-stage{min-height:640px}.dock ul{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:620px){.panel{border-width:1px;border-radius:14px;box-shadow:0 0 0 2px #09112799,0 10px 22px #00000052}.topbar{flex-direction:column;align-items:flex-start;padding:.75rem .85rem;gap:.75rem}.brand{width:100%;gap:.65rem}.brand-logo{width:56px;height:56px;border-radius:12px}h1{font-size:clamp(1.2rem,6.2vw,1.55rem)}.small-label{font-size:.66rem}.status{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem;scrollbar-width:none}.status::-webkit-scrollbar{display:none}.status span{white-space:nowrap;font-size:.74rem;padding:.28rem .58rem}.topbar-right{width:100%;justify-items:start;gap:.45rem}.social-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-link{justify-content:center;min-height:40px}.ticker{grid-template-columns:1fr;gap:.25rem;padding:.65rem .85rem}.window-head{padding:.58rem .75rem;cursor:default}.window-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 130px);font-size:.8rem}.window-content{padding:.75rem;gap:.75rem}.desktop-stage{min-height:auto;overflow:visible}.desktop-window,.desktop-window.maximized,.desktop-window.minimized,.desktop-window.compact{position:relative;left:auto!important;top:auto!important;right:auto;bottom:auto;width:100%!important;height:auto!important;min-height:0;z-index:auto!important}.window-actions{margin-left:.35rem}.window-actions button{min-height:28px;font-size:.62rem;padding:.22rem .4rem}.resize-handle{display:none}.wallpaper-panel{position:relative;top:auto;right:auto;width:100%;margin-bottom:.7rem}.app-panel{padding:.72rem}.app-header p{margin-bottom:.7rem;font-size:.9rem}input,select{min-height:44px;font-size:16px}.caption{left:5%;right:5%;font-size:clamp(.82rem,4vw,1.05rem);line-height:1.1}.sticker-toolbar{gap:.5rem}.sticker-toolbar>*{width:100%}.sticker-board{min-height:255px}.planner-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.generator-layout,.planner-panel{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.events{max-height:180px;font-size:.85rem}.generator-tools{grid-template-columns:1fr}.reorder-mobile{display:flex;width:100%;gap:.45rem}.reorder-mobile button{flex:1;font-size:.72rem;padding:.45rem .35rem}}@media(max-width:430px){.meme-os{padding:calc(var(--safe-top) + .7rem) calc(var(--safe-right) + .65rem) calc(var(--safe-bottom) + .85rem) calc(var(--safe-left) + .65rem);gap:.7rem}.dock{padding:.7rem}.dock-actions button{font-size:.7rem;padding:.4rem .45rem}.dock ul{grid-template-columns:1fr}.app-button{padding:.45rem}.app-button img{width:38px;height:38px}.task-item{flex-direction:column;align-items:flex-start}.task-actions{width:100%;justify-content:space-between}.drag-handle{display:none}.planner-controls{grid-template-columns:1fr}}@media(max-width:390px){.window-head{gap:.3rem}.window-head p{font-size:.74rem;max-width:calc(100vw - 112px)}.status span{font-size:.7rem}.social-link{font-size:.74rem;padding:.32rem .42rem}.gallery-grid{grid-template-columns:1fr}}
