@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Shojumaru&display=swap";.theme-switch{position:relative;display:inline-block;width:60px;height:34px;transform:scale(.75);margin:0 -7px}.theme-switch #theme-input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196f3;-webkit-transition:.4s;transition:.4s;z-index:0;overflow:hidden}.sun-moon{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#ff0;-webkit-transition:.4s;transition:.4s}#theme-input:checked+.theme-slider{background-color:#000}#theme-input:focus+.theme-slider{box-shadow:0 0 1px #2196f3}#theme-input:checked+.theme-slider .sun-moon{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px);background-color:#fff;-webkit-animation:rotate-center .6s ease-in-out both;animation:rotate-center .6s ease-in-out both}.moon-dot{opacity:0;transition:.4s;fill:gray}#theme-input:checked+.theme-slider .sun-moon .moon-dot{opacity:1}.theme-slider.round{border-radius:34px}.theme-slider.round .sun-moon{border-radius:50%}#moon-dot-1{left:10px;top:3px;position:absolute;width:6px;height:6px;z-index:4}#moon-dot-2{left:2px;top:10px;position:absolute;width:10px;height:10px;z-index:4}#moon-dot-3{left:16px;top:18px;position:absolute;width:3px;height:3px;z-index:4}#light-ray-1{left:-8px;top:-8px;position:absolute;width:43px;height:43px;z-index:-1;fill:#fff;opacity:10%}#light-ray-2{left:-50%;top:-50%;position:absolute;width:55px;height:55px;z-index:-1;fill:#fff;opacity:10%}#light-ray-3{left:-18px;top:-18px;position:absolute;width:60px;height:60px;z-index:-1;fill:#fff;opacity:10%}.cloud-light{position:absolute;fill:#eee;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite}.cloud-dark{position:absolute;fill:#ccc;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1s}#cloud-1{left:30px;top:15px;width:40px}#cloud-2{left:44px;top:10px;width:20px}#cloud-3{left:18px;top:24px;width:30px}#cloud-4{left:36px;top:18px;width:40px}#cloud-5{left:48px;top:14px;width:20px}#cloud-6{left:22px;top:26px;width:30px}@keyframes cloud-move{0%{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(-4px)}to{transform:translate(0)}}.stars{transform:translateY(-32px);opacity:0;transition:.4s}.star{fill:#fff;position:absolute;-webkit-transition:.4s;transition:.4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite}#theme-input:checked+.theme-slider .stars{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}#star-1{width:20px;top:2px;left:3px;animation-delay:.3s}#star-2{width:6px;top:16px;left:3px}#star-3{width:12px;top:20px;left:10px;animation-delay:.6s}#star-4{width:18px;top:0;left:18px;animation-delay:1.3s}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}:root{--star-color: #fff}html.light-theme{--star-color: #000000}.stars-container{position:fixed;top:0;left:0;height:100vh;width:100vw;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);overflow:hidden;z-index:-1}html.light-theme .stars-container{background:radial-gradient(ellipse at bottom,#e4d8ca,#f6f5f0)}#stars{width:1px;height:1px;background:transparent;animation:animStar 50s linear infinite}#stars:after{content:" ";position:absolute;top:2000px;width:1px;height:1px;background:transparent}#stars2{width:2px;height:2px;background:transparent;animation:animStar 100s linear infinite}#stars2:after{content:" ";position:absolute;top:2000px;width:2px;height:2px;background:transparent}#stars3{width:3px;height:3px;background:transparent;animation:animStar 150s linear infinite}#stars3:after{content:" ";position:absolute;top:2000px;width:3px;height:3px;background:transparent}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}:root{color-scheme:dark;--bg: #080B14;--bg-2: #0D1120;--glass: rgba(255,255,255,.04);--glass-border: rgba(255,255,255,.08);--glass-hover: rgba(255,255,255,.07);--ink: #cbd5e1;--ink-soft: rgba(203, 213, 225, .75);--ink-muted: rgba(200,210,240,.35);--accent: #302f31;--accent-2: #302f31;--blue: #3B82F6;--danger: #EF4444;--success: #10B981;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow: 0 8px 32px rgba(0,0,0,.5);--transition: .2s cubic-bezier(.4, 0, .2, 1);--white-0_02: rgba(255,255,255, .02);--white-0_03: rgba(255,255,255, .03);--white-0_05: rgba(255,255,255, .05);--white-0_06: rgba(255,255,255, .06);--white-0_07: rgba(255,255,255, .07);--white-0_08: rgba(255,255,255, .08);--white-0_1: rgba(255,255,255, .1);--white-0_15: rgba(255,255,255, .15);--white-0_2: rgba(255,255,255, .2);--white-0_3: rgba(255,255,255, .3);--white-0_4: rgba(255,255,255, .4);--white-0_5: rgba(255,255,255, .5);--white-0_6: rgba(255,255,255, .6);--white-0_7: rgba(255,255,255, .7);--white-0_8: rgba(255,255,255, .8);--black-0_05: rgba(0,0,0, .05);--black-0_08: rgba(0,0,0, .08);--black-0_1: rgba(0,0,0, .1);--black-0_15: rgba(0,0,0, .15);--black-0_2: rgba(0,0,0, .2);--black-0_3: rgba(0,0,0, .3);--black-0_4: rgba(0,0,0, .4);--black-0_5: rgba(0,0,0, .5);--black-0_75: rgba(0,0,0, .75);--black-0_8: rgba(0,0,0, .8);--black-0_85: rgba(0,0,0, .85)}html.light-theme{color-scheme:light;--bg: #FFFFFF;--bg-2: #F8FAFC;--glass: rgba(0,0,0,.03);--glass-border: rgba(0,0,0,.12);--glass-hover: rgba(0,0,0,.06);--ink: #0F172A;--ink-soft: rgba(15,23,42,.7);--ink-muted: rgba(15,23,42,.5);--shadow: 0 8px 32px rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box;margin:0}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}img,video{max-width:100%;height:auto;display:block}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 20% 10%,color-mix(in srgb,var(--accent) 15%,transparent) 0%,transparent 65%),radial-gradient(ellipse 60% 60% at 80% 80%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 50% 50%,color-mix(in srgb,var(--accent-2) 10%,transparent) 0%,transparent 70%),var(--bg);z-index:0;pointer-events:none;will-change:auto}.orb{display:none}.top-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b14b3}html.light-theme .top-nav{background:#ffffffb3}.nav-inner{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:.6rem 0;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.brand-logo{display:inline-flex;align-items:center;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1;transition:transform .2s ease;position:relative}.nav-brand:hover .brand-logo{transform:scale(1.04)}.brand-any{color:var(--ink);text-shadow:0 0 20px var(--white-0_15)}.brand-share{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,white));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShimmer 4s ease-in-out infinite}@keyframes brandShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-links{display:flex;align-items:center;gap:1rem}.nav-badge{padding:.3rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:color-mix(in srgb,var(--accent) 80%,white);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.layout{position:relative;z-index:1;width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem;display:grid;grid-template-columns:380px 1fr;gap:1.5rem;align-items:start}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.hero-card{padding:2rem;position:sticky;top:1.5rem;min-width:0}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1rem;opacity:.85}.hero-card h1{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,white) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-copy{color:var(--ink-soft);font-size:.95rem;line-height:1.65;margin-bottom:1.5rem}.hero-chips{display:flex;gap:.5rem;margin-bottom:1.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.hero-chips::-webkit-scrollbar{display:none}.chip{padding:.35rem .8rem;border-radius:999px;background:var(--white-0_05);border:1px solid var(--glass-border);font-size:.82rem;font-weight:500;color:var(--ink-soft);display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;white-space:nowrap}.fetch-form{display:flex;gap:.6rem;margin-bottom:1.75rem}.fetch-form .text-input{margin:0;flex:1}.limits-info{border-top:1px solid var(--glass-border);padding-top:1.2rem;display:flex;flex-direction:column;gap:.5rem}.limit-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-soft)}.limit-row span:last-child{color:var(--ink-muted)}.panel{padding:1.75rem;min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.panel-kicker{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem;opacity:.85}.panel h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.limit-badge{padding:.3rem .75rem;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#93c5fd;font-size:.78rem;font-weight:600;white-space:nowrap}.tab-navigation{display:flex;gap:.25rem;margin-bottom:1.75rem;padding:.3rem;background:var(--black-0_3);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--ink-soft);font-size:.85rem;font-weight:500;transition:all var(--transition)}.tab-button:hover{color:var(--ink);background:var(--glass-hover)}.tab-button.tab-active{background:linear-gradient(135deg,#302f3140,#3b82f626);color:var(--ink);border:1px solid rgba(48,47,49,.3);font-weight:600}.field-label{display:block;margin:1.25rem 0 .5rem;font-size:.85rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}.text-input,.text-area{width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--black-0_3);color:var(--ink);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.text-input:focus,.text-area:focus{border-color:#302f3180;box-shadow:0 0 0 3px #302f311f}.text-input::placeholder,.text-area::placeholder{color:var(--ink-muted)}.text-area{min-height:220px;resize:vertical;line-height:1.6}.char-meter{height:3px;background:var(--white-0_05);border-radius:999px;margin-top:.5rem;overflow:hidden}.char-bar{height:100%;border-radius:999px;transition:width .2s ease,background .2s ease}.drop-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--black-0_2);margin-top:.5rem}.drop-zone:hover,.drop-zone-active{border-color:#302f3180;background:#302f310d;box-shadow:0 0 0 3px #302f3114}.drop-zone-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drop-icon{font-size:2.5rem;line-height:1}.drop-label{font-weight:600;font-size:.95rem;color:var(--ink)}.drop-hint{font-size:.82rem;color:var(--ink-muted)}.drop-zone-selected{display:flex;flex-direction:column;align-items:center;gap:.4rem}.drop-filename{font-weight:600;font-size:.9rem;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-size{font-size:.82rem;color:var(--ink-muted)}.progress-wrap{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.progress-track{flex:1;height:6px;background:var(--white-0_07);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.progress-label{font-size:.8rem;font-weight:600;color:var(--ink-soft);min-width:40px}.action-row{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.9rem;text-decoration:none;transition:all var(--transition);cursor:pointer;white-space:nowrap}.primary-button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,black));color:#fff}.primary-button:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{background:var(--white-0_06);color:var(--ink);border-color:var(--glass-border)}.secondary-button:hover{background:var(--white-0_1);transform:translateY(-1px)}.ghost-button{background:transparent;color:var(--ink-soft);border-color:var(--white-0_15)}.ghost-button:hover{background:var(--white-0_05);color:var(--ink);transform:translateY(-1px)}.status{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:500}.status-ok{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.status-error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.share-result-card{margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius-lg);background:#302f3114;border:1px solid rgba(48,47,49,.2);animation:slide-up .3s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-result-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.share-code{font-size:3rem;font-weight:900;letter-spacing:.15em;line-height:1;background:linear-gradient(135deg,#302f31,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-url-box{font-family:IBM Plex Mono,monospace;font-size:.78rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--black-0_4);border:1px solid var(--glass-border);color:var(--ink-soft);word-break:break-all;line-height:1.5}.reader-panel{padding:1.75rem}.shared-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.meta-pill{padding:.3rem .75rem;border-radius:999px;background:var(--white-0_05);border:1px solid var(--glass-border);font-size:.8rem;color:var(--ink-soft);display:inline-flex;align-items:center;gap:.35rem}.expiry-pill{color:#fcd34d;background:#fcd34d14;border-color:#fcd34d33}.expiry-pill.expired{color:#fca5a5;background:#ef444414;border-color:#ef444433}.shared-text{font-family:IBM Plex Mono,monospace;font-size:.88rem;line-height:1.65;padding:1.25rem;border-radius:var(--radius-md);background:var(--black-0_4);border:1px solid var(--glass-border);white-space:pre-wrap;overflow-x:auto;min-height:180px;color:var(--ink)}.media-preview{width:100%;border-radius:var(--radius-md);border:1px solid var(--glass-border);object-fit:contain;max-height:420px}.folder-view{text-align:center;padding:3rem 1rem}.folder-icon-big{font-size:4rem;margin-bottom:1rem}.folder-view h3{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.folder-view p{color:var(--ink-soft);font-size:.9rem}.draft-stats{display:flex;gap:.5rem;flex-wrap:wrap}.draft-stats span{padding:.25rem .65rem;border-radius:999px;background:var(--white-0_05);border:1px solid var(--glass-border);font-size:.78rem;color:var(--ink-muted)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;color:var(--ink-soft)}.spinner{width:40px;height:40px;border:3px solid rgba(48,47,49,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{position:relative;z-index:1;text-align:center;padding:1.5rem 1rem 2rem;font-size:.8rem;color:var(--ink-muted);border-top:1px solid var(--glass-border)}.footer-inner{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-brand{font-weight:700;font-size:.85rem}.footer-sep{color:var(--white-0_15)}.footer-trust{display:inline-flex;align-items:center;gap:.3rem}.footer-link{color:var(--ink-muted);text-decoration:none;transition:color var(--transition);cursor:pointer;background:none;border:none;font:inherit}.footer-link:hover{color:var(--ink)}.upgrade-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink-soft);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition);letter-spacing:.02em}.upgrade-btn:hover{background:var(--white-0_1);color:var(--ink);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black-0_75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:2.5rem;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;animation:slide-up .22s ease}.profile-modal-card{animation:none!important}.modal-close{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink-soft);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--white-0_1);color:var(--ink)}.modal-header{margin-bottom:2rem}.modal-header h2{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.4rem}.modal-sub{color:var(--ink-soft);font-size:.92rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.pricing-card{position:relative;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--white-0_03);display:flex;flex-direction:column;gap:.75rem}.pricing-card-featured{border-color:#302f3166;background:#302f3112}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.2rem .85rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),#5B21B6);color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.05em;white-space:nowrap}.plan-name{font-size:1rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.plan-price{font-size:2.2rem;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--ink)}.plan-price span{font-size:.95rem;font-weight:500;color:var(--ink-muted);margin-left:2px}.plan-features{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;color:var(--ink-soft)}.plan-features li.muted{color:var(--ink-muted)}.plan-features strong{color:var(--ink)}.plan-btn{width:100%;padding:.7rem 1rem;border-radius:999px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:.5rem}.plan-btn-primary{background:linear-gradient(135deg,var(--accent),#5B21B6);color:var(--ink);border:none}.plan-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.plan-btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--glass-border)}.plan-btn-ghost:hover:not(:disabled){background:var(--glass-hover);color:var(--ink)}.plan-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.modal-footer-note{text-align:center;font-size:.78rem;color:var(--ink-muted)}@media (max-width: 700px){.pricing-grid{grid-template-columns:1fr}.modal-card{padding:1.5rem}}.history-toggle-btn{width:100%;margin-top:1.25rem;padding:.65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--black-0_2);color:var(--ink-soft);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.history-toggle-btn:hover{background:#ffffff0a;border-color:#302f314d;color:var(--ink)}.history-count{background:var(--white-0_1);color:var(--ink-soft);font-size:.72rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;min-width:1.2rem;text-align:center;line-height:1.3}.history-section{margin-top:1.25rem;border-top:1px solid var(--glass-border);padding-top:1.25rem}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.history-title{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.history-clear{background:none;border:none;color:var(--ink-muted);font-size:.75rem;font-weight:500;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:all var(--transition)}.history-clear:hover{color:var(--danger);background:#ef444414}.history-list{display:flex;flex-direction:column;gap:.35rem}.history-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--radius-sm);background:var(--black-0_2);border:1px solid transparent;text-decoration:none;transition:all var(--transition);cursor:pointer}.history-item:hover{background:#ffffff0a;border-color:var(--glass-border)}.history-item-icon{font-size:.85rem;line-height:1;flex-shrink:0}.history-item-title{flex:1;font-size:.82rem;font-weight:500;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-code{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:500;color:#302f31;flex-shrink:0;letter-spacing:.05em}.history-empty{font-size:.82rem;color:var(--ink-muted);text-align:center;padding:.75rem 0}.history-page{position:relative;z-index:1;width:min(720px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.history-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.history-page-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:.25rem}.history-page-sub{color:var(--ink-muted);font-size:.88rem;margin-top:.5rem}.history-clear-all{flex-shrink:0;margin-top:.5rem}.history-page-list{display:flex;flex-direction:column;gap:.5rem}.history-page-item{display:flex;align-items:center;gap:0;border-radius:var(--radius-md);background:var(--glass);border:1px solid var(--glass-border);transition:all var(--transition);overflow:hidden}.history-page-item:hover{border-color:#302f314d;background:var(--white-0_05)}.history-page-item-link{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;color:inherit;min-width:0}.history-page-item-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.history-page-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.history-page-item-title{font-size:.95rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-page-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--ink-muted)}.history-type-badge{padding:.15rem .5rem;border-radius:999px;background:#302f311a;border:1px solid rgba(48,47,49,.2);color:#302f31;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-page-item-code{font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-weight:600;color:#302f31;flex-shrink:0;letter-spacing:.08em}.history-copy-btn{background:none;border:none;color:var(--ink-muted);font-size:.85rem;padding:1rem;cursor:pointer;transition:all var(--transition);align-self:stretch;display:flex;align-items:center}.history-copy-btn:hover{background:var(--white-0_05);color:var(--ink)}.history-remove-btn{background:none;border:none;border-left:1px solid var(--glass-border);color:var(--ink-muted);font-size:.85rem;padding:1rem;cursor:pointer;transition:all var(--transition);align-self:stretch;display:flex;align-items:center}.history-remove-btn:hover{background:#ef44441a;color:#fca5a5}.history-empty-state{text-align:center;padding:4rem 2rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.history-empty-icon{font-size:3.5rem;margin-bottom:1rem}.history-empty-state h3{font-size:1.3rem;font-weight:700;margin-bottom:.4rem}.history-empty-state p{color:var(--ink-muted);font-size:.9rem}.history-page-footer{text-align:center;margin-top:2rem;font-size:.78rem;color:var(--ink-muted)}@media (max-width: 960px){.layout{grid-template-columns:1fr}.hero-card{position:static}}@media (max-width: 600px){.layout{padding:1rem 0 3rem}.panel,.hero-card{padding:1.25rem;border-radius:18px}.panel h2{font-size:1.5rem}.hero-card h1{font-size:1.8rem}.primary-button,.secondary-button,.ghost-button{width:100%}.nav-links .primary-button,.nav-links .secondary-button,.nav-links .ghost-button{width:auto}.upgrade-btn{padding:.35rem .5rem}.upgrade-text{display:none}.fetch-form{flex-direction:column}.tab-button span:last-child{display:none}.share-code{font-size:2.2rem}.top-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}.glass-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-2)!important}.modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--black-0_85)}.brand-share{animation:none}.mesh-bg{background:radial-gradient(ellipse 80% 80% at 20% 10%,rgba(48,47,49,.1) 0%,transparent 60%),var(--bg)}.hero-card,.composer-panel,.reader-panel,.top-nav,.site-footer{animation-duration:.25s!important;animation-delay:0s!important}.app-shell,.text-area,.shared-text{-webkit-overflow-scrolling:touch}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-card{animation:fadeInUp .6s ease both}.composer-panel,.reader-panel{animation:fadeInUp .6s ease .15s both}.top-nav{animation:fadeInUp .4s ease both}.site-footer{animation:fadeInUp .5s ease .3s both}.drop-icon{display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.drop-icon svg{opacity:.7}.history-page-item-icon{display:flex;align-items:center;justify-content:center;color:#302f31}.history-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.branding-section{margin-top:1.5rem;border-top:1px solid var(--glass-border);padding-top:1.5rem}.branding-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.branding-toggle-label{font-weight:700;font-size:.85rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.branding-toggle-label svg{color:#fcd34d}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--white-0_1);border:1px solid var(--glass-border);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--ink-soft);transition:.3s;border-radius:50%}input:checked+.slider{background-color:#302f314d;border-color:#302f3199}input:checked+.slider:before{transform:translate(20px);background-color:#302f31}.branding-card-body{position:relative;background:var(--black-0_2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;margin-top:.75rem;transition:all var(--transition);overflow:hidden}.branding-fields-grid{display:flex;flex-direction:column;gap:1rem}.branding-input-group{display:flex;flex-direction:column;gap:.35rem}.branding-input-row{display:grid;grid-template-columns:2fr 1fr;gap:.75rem}.color-picker-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.color-presets-grid{display:flex;gap:.5rem}.color-preset-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease;padding:0}.color-preset-btn:hover{transform:scale(1.15)}.color-preset-btn.active{border-color:var(--ink);transform:scale(1.1);box-shadow:0 0 8px var(--preset-color)}.custom-color-wrapper{position:relative;width:26px;height:26px;border-radius:50%;overflow:hidden;border:2px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--glass)}.custom-color-wrapper.active{border-color:var(--ink);box-shadow:0 0 8px var(--accent)}.custom-color-picker{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.custom-color-icon{font-size:.75rem;pointer-events:none}.branding-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1120f2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease}.branding-lock-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:260px}.branding-lock-icon{font-size:2rem;color:#fcd34d;line-height:1}.branding-lock-title{font-weight:700;font-size:.95rem;color:var(--ink)}.branding-lock-desc{font-size:.78rem;color:var(--ink-soft);line-height:1.4;margin-bottom:.5rem}.nav-powered-badge{font-size:.7rem;font-weight:600;color:var(--ink-muted);border:1px solid var(--glass-border);background:var(--white-0_03);padding:.2rem .6rem;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}.sim-toggle-btn{background:transparent;border:1px dashed var(--white-0_2);color:var(--ink-muted);font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:8px;cursor:pointer;transition:all var(--transition)}.sim-toggle-btn:hover{border-color:var(--accent);color:var(--ink);background:#302f310d}.sim-toggle-btn.pro-active{border-color:#fcd34d;color:#fcd34d;background:#fcd34d14}.custom-url-wrapper{display:flex;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}.custom-url-wrapper:focus-within{border-color:var(--accent)}.custom-url-prefix{padding:.5rem .2rem .5rem .75rem;font-size:.85rem;color:var(--ink-muted);background:var(--white-0_02);-webkit-user-select:none;user-select:none}.custom-url-input-field{flex:1;border:none!important;background:transparent!important;padding:.5rem .75rem .5rem .2rem!important;font-size:.85rem;color:var(--ink);outline:none}.custom-url-input-field:focus{border:none!important;box-shadow:none!important}html.anime-theme{--bg: #FDFBF7 !important;--bg-2: #FFF !important;--ink: #1A1A1A !important;--ink-muted: #666666 !important;--accent: #FFC107 !important;--accent-2: #FF9800 !important;--glass-bg: var(--white-0_4) !important;--glass-border: var(--white-0_4) !important;--font-body: "Inter", sans-serif !important;--font-display: "Shojumaru", sans-serif !important}html.anime-theme body{background-color:var(--bg)!important;color:var(--ink)!important}html.anime-theme .mesh-bg{background-image:url(/anime-bg-3.png)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;opacity:1!important;mix-blend-mode:normal!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}html.anime-theme .mesh-bg:after{display:none!important}html.anime-theme .glass-card,html.anime-theme .modal-card,html.anime-theme .branding-card-body,html.anime-theme .hero-card{background:var(--white-0_6)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--white-0_8)!important;border-radius:32px!important;box-shadow:0 4px 10px var(--black-0_05)!important;transform:none!important;transition:all .3s ease!important}html.anime-theme .hero-card>*,html.anime-theme .panel>*{transform:none!important}html.anime-theme .primary-button{background:#fff!important;color:var(--ink)!important;border:none!important;border-radius:999px!important;box-shadow:0 4px 12px var(--black-0_08)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:.75rem 4rem .75rem 1.5rem!important;position:relative!important;text-shadow:none!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}html.anime-theme .primary-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px var(--black-0_1)!important}html.anime-theme .primary-button:after{content:"↗";position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--accent)!important;color:#000!important;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}html.anime-theme .ghost-button{border:1px solid var(--black-0_1)!important;border-radius:999px!important;text-transform:none!important;font-weight:500!important;transform:none!important;background:var(--white-0_5)!important;color:var(--ink)!important;box-shadow:none!important}html.anime-theme .text-input{border:1px solid var(--black-0_1)!important;border-radius:16px!important;background:var(--white-0_7)!important;color:var(--ink)!important;font-family:var(--font-body)!important;transform:none!important;box-shadow:none!important}html.anime-theme .text-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #ffc10733!important;background:#fff!important}html.anime-theme .chip,html.anime-theme .nav-badge,html.anime-theme .limit-badge{background:#fff!important;color:var(--ink)!important;border-radius:999px!important;transform:none!important;border:1px solid var(--black-0_05)!important;box-shadow:0 2px 8px var(--black-0_05)!important;text-transform:none!important;font-weight:600!important}html.anime-theme h1,html.anime-theme h2{font-family:var(--font-display)!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-shadow:none!important;font-weight:400!important;color:var(--ink)!important}html.anime-theme .brand-logo{font-family:var(--font-display)!important;text-shadow:none!important;color:var(--ink)!important}html.anime-theme .gradient-text,html.anime-theme .brand-share{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;text-shadow:none!important}html.anime-theme .progress-fill{background:var(--accent)!important;border:none!important}html.anime-theme .progress-track{border:none!important;border-radius:999px!important;transform:none!important;background:var(--black-0_05)!important;box-shadow:none!important}html.anime-theme .hero-copy{color:var(--ink)!important}html.anime-theme .limits-info button,html.anime-theme .history-toggle-btn{background:var(--white-0_5)!important;color:var(--ink)!important;border:1px solid var(--black-0_1)!important;border-radius:8px!important;font-weight:600!important;box-shadow:none!important;padding:.6rem 1rem!important;align-items:center;gap:.5rem}html.anime-theme .limits-info button{font-size:.75rem!important;letter-spacing:.1em!important;text-transform:uppercase!important}html.anime-theme .limits-info button[style*=white],html.anime-theme .limits-info button[style*="rgba(139, 92, 246"]{background:var(--accent)!important;color:#000!important;border-color:var(--accent)!important;font-weight:600!important}html.anime-theme .history-toggle-btn:hover{background:var(--white-0_8)!important}html.anime-theme .color-preset-btn.active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--preset-color)!important}html.anime-theme .share-url-box,html.anime-theme .shared-text{background:var(--white-0_5)!important;color:var(--ink)!important;border:1px solid var(--black-0_1)!important;box-shadow:none!important}html.anime-theme .limits-info{background:var(--white-0_3)!important;border:1px solid var(--black-0_05)!important}html.anime-theme .limits-info span,html.anime-theme .panel-kicker,html.anime-theme .meta-pill{color:var(--ink-muted)!important}html.anime-theme .meta-pill{background:var(--white-0_5)!important;border-color:var(--black-0_1)!important}html.light-theme .brand-any{color:var(--ink)!important;text-shadow:none!important}html.light-theme .eyebrow{color:var(--ink)!important;font-weight:800!important}html.light-theme .chip{background:#fff!important;color:var(--ink)!important;border:1px solid #cbd5e1!important}html.light-theme .text-input,html.light-theme .text-area{background:#fff!important;border:1px solid #94a3b8!important;color:#000!important}html.light-theme .text-input::placeholder,html.light-theme .text-area::placeholder{color:#64748b!important}html.light-theme .tab-button{color:#475569!important}html.light-theme .tab-button.tab-active{color:#000!important;border-color:#94a3b8!important;background:#fff!important}html.light-theme .draft-stats span,html.light-theme .limit-badge{color:#334155!important;border-color:#cbd5e1!important;background:#f1f5f9!important}html.light-theme .panel-kicker,html.light-theme .limits-info span{color:#334155!important}html.light-theme .ghost-button{color:var(--accent-2)!important}html.light-theme .secondary-button{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important}html.light-theme .share-url-box,html.light-theme .shared-text{background:#fff!important;color:#000!important;border:1px solid #94a3b8!important}html.light-theme .glass-card,html.light-theme .panel{background:#fffc!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 16px #0000000d!important}.pricing-modal-card{max-width:1050px!important;width:95%!important}.billing-toggle{display:inline-flex;background:var(--white-0_05);border-radius:999px;padding:.35rem;gap:.2rem;margin:1.5rem auto 0;border:1px solid var(--glass-border)}html.light-theme .billing-toggle{background:#f1f5f9;border:1px solid #e2e8f0}.billing-toggle button{background:transparent;border:none;color:var(--ink-soft);padding:.6rem 1.4rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:all .2s ease;position:relative}.billing-toggle button.active{background:var(--accent);color:#fff!important;box-shadow:0 2px 8px #0000001a}.discount-badge{background:#eab308;color:#fff;font-size:.7rem;padding:.15rem .5rem;border-radius:999px;margin-left:.4rem;font-weight:800;vertical-align:middle}.pricing-card-featured{transform:scale(1.05);border-color:var(--accent)!important;border-width:2px!important;z-index:2;box-shadow:0 12px 32px #00000026}html.light-theme .pricing-card-featured{box-shadow:0 12px 32px #0000000d}.enterprise-card{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--white-0_03);margin-top:1.5rem;gap:2rem}html.light-theme .enterprise-card{background:#ffffffb3}.plan-includes-title{font-size:.95rem;color:var(--ink-soft);margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.plan-features li{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;gap:2rem}.pricing-card-featured{transform:none;order:-1}.enterprise-card{flex-direction:column;text-align:center;gap:1.5rem;padding:1.5rem}}@media (max-width: 400px){.nav-inner{gap:.5rem}.nav-brand .brand-logo{font-size:1.1rem}.nav-inner .ghost-button{padding:.3rem .6rem!important;font-size:.75rem!important;flex:0 0 auto!important;width:max-content!important;min-width:0!important}}