:root{--bg: #07070f;--bg-2: #0d0d1a;--bg-3: #13132b;--glass: rgba(255, 255, 255, .04);--glass-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-accent: rgba(124, 58, 237, .35);--purple: #7c3aed;--purple-light: #9d63f5;--pink: #ec4899;--cyan: #22d3ee;--green: #10b981;--red: #ef4444;--orange: #f97316;--text: #f0eeff;--text-2: #a89bc0;--text-3: #5a5278;--grad: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--grad-subtle: linear-gradient(135deg, rgba(124,58,237,.12) 0%, rgba(236,72,153,.12) 100%);--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-full: 9999px;--shadow: 0 8px 40px rgba(0, 0, 0, .6);--glow: 0 0 40px rgba(124, 58, 237, .2);--ease: cubic-bezier(.4, 0, .2, 1);--t: .25s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:var(--r-full)}.task-view{animation:PageFade .35s var(--ease)}@keyframes PageFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#07070fd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.app-nav__brand{font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;margin-right:16px}.app-nav__tabs{display:flex;gap:4px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--r-full);padding:5px;flex-shrink:0}.app-nav__tab{padding:8px 22px;border-radius:var(--r-full);border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:500;font-family:Inter,sans-serif;letter-spacing:.02em;cursor:pointer;transition:var(--t);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-nav__tab:hover:not(.active){color:var(--text);background:var(--glass-hover)}.app-nav__tab.active{background:var(--grad);color:#fff;box-shadow:0 2px 16px #7c3aed73}.app-content{padding-top:62px;min-height:100vh}@media (max-width: 768px){.app-nav{padding:0 20px}.app-nav__tab{padding:8px 16px;font-size:12px}}@media (max-width: 560px){.app-nav{justify-content:center;padding:0 12px}.app-nav__brand{display:none}.app-nav__tabs{width:100%}.app-nav__tab{flex:1;text-align:center;padding:8px;font-size:12px}}@media (max-width: 380px){.app-nav__tab{font-size:11px;padding:8px 6px}}.tribute-nav{position:fixed;top:62px;left:0;right:0;z-index:900;display:flex;justify-content:center;padding:10px 24px;background:#07070fa6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tribute-nav::-webkit-scrollbar{display:none}.tribute-nav__inner{display:flex;gap:6px;flex-shrink:0}.tribute-nav__tab{padding:8px 20px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--glass);color:var(--text-2);font-size:12px;font-weight:600;font-family:Cinzel,serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:var(--t);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tribute-nav__tab:hover:not(.active){border-color:var(--border-accent);color:var(--text);background:var(--glass-hover)}.tribute-nav__tab.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 2px 20px #7c3aed73}@media (max-width: 768px){.tribute-nav{padding:8px 16px;justify-content:flex-start}.tribute-nav__tab{padding:7px 16px;font-size:11px}}@media (max-width: 480px){.tribute-nav{padding:8px 12px}.tribute-nav__tab{padding:7px 14px;font-size:10px;letter-spacing:.05em}}.hero{position:relative;margin-top:50px;height:calc(100vh - 112px);min-height:480px;overflow:hidden;display:flex;align-items:flex-end}.hero__image{position:absolute;top:-20%;left:0;width:100%;height:140%;object-fit:cover;object-position:center top;filter:brightness(.45) saturate(1.1);will-change:transform;transform-origin:center top}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,7,15,.1) 0%,rgba(7,7,15,.25) 40%,rgba(7,7,15,.75) 75%,var(--bg) 100%)}.hero__content{position:relative;z-index:1;padding:0 72px 56px;width:100%}.hero__tag{display:inline-block;padding:4px 14px;border-radius:var(--r-full);border:1px solid rgba(124,58,237,.4);background:#7c3aed26;color:var(--purple-light);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-family:Inter,sans-serif;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__name{font-family:Cinzel,serif;font-size:clamp(32px,6vw,82px);font-weight:800;line-height:1.05;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.6);margin-bottom:10px}.hero__section{font-family:Cinzel,serif;font-size:clamp(15px,2.2vw,26px);font-weight:500;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px}.hero__subtitle{font-family:Inter,sans-serif;font-size:clamp(13px,1.4vw,17px);color:var(--text-2);max-width:560px;line-height:1.65}@media (max-width: 1024px){.hero__content{padding:0 48px 48px}}@media (max-width: 768px){.hero{height:calc(100vh - 106px);min-height:420px}.hero__content{padding:0 28px 36px}.hero__subtitle{max-width:100%}}@media (max-width: 480px){.hero{height:calc(100svh - 106px);min-height:360px;margin-top:48px}.hero__content{padding:0 20px 28px}.hero__tag{font-size:10px;padding:3px 10px;margin-bottom:10px}.hero__name{margin-bottom:8px}.hero__section{margin-bottom:10px}}@media (hover: none){.hero__image{top:0;height:100%;will-change:auto;transform:none!important}}.content-section{max-width:820px;margin:0 auto;padding:72px 40px 96px}.content-section__title{font-family:Cinzel,serif;font-size:clamp(20px,3vw,34px);font-weight:700;text-align:center;color:var(--text);margin-bottom:12px;letter-spacing:.04em}.content-section__divider{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:48px}.content-section__divider:before,.content-section__divider:after{content:"";flex:1;max-width:80px;height:1px}.content-section__divider:before{background:linear-gradient(to right,transparent,var(--border-accent))}.content-section__divider:after{background:linear-gradient(to left,transparent,var(--border-accent))}.content-section__gem{width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 12px #7c3aed99;flex-shrink:0}.content-section__body p{font-family:Inter,sans-serif;font-size:clamp(14px,1.5vw,16px);line-height:1.95;color:var(--text-2);margin-bottom:24px;text-align:justify}.content-section__body p:first-child:first-letter{font-family:Cinzel,serif;font-size:3.2em;font-weight:800;float:left;line-height:.75;margin:6px 14px 0 0;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.content-section{padding:48px 28px 64px}.content-section__divider{margin-bottom:36px}}@media (max-width: 480px){.content-section{padding:36px 20px 52px}.content-section__body p{text-align:left;margin-bottom:18px}.content-section__body p:first-child:first-letter{font-size:2.4em;margin:4px 10px 0 0}}.calc-page{min-height:calc(100vh - 62px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 48px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(124,58,237,.1) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(236,72,153,.06) 0%,transparent 60%)}.calc-eyebrow{font-family:Cinzel,serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-3);margin-bottom:24px}.calculator{width:100%;max-width:460px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow),var(--glow);position:relative;overflow:hidden}.calculator:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),rgba(236,72,153,.5),transparent)}@media (max-width: 500px){.calc-page{padding:28px 10px 32px;justify-content:flex-start}.calculator{padding:16px;border-radius:var(--r-lg)}.calc-eyebrow{margin-bottom:16px}}.display{background:var(--bg);border:1px solid rgba(124,58,237,.2);border-radius:var(--r-md);padding:18px 20px 14px;margin-bottom:18px;min-height:80px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;position:relative;overflow:hidden}.display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,58,237,.04) 0%,transparent 60%);pointer-events:none}.display__label{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);align-self:flex-start;margin-bottom:8px}.display input{width:100%;border:none;outline:none;background:transparent;color:#a8ff78;font-family:Space Mono,Courier New,monospace;font-size:28px;font-weight:400;text-align:right;caret-color:transparent;text-shadow:0 0 24px rgba(168,255,120,.35);letter-spacing:.02em}.display input::placeholder{color:var(--text-3);font-size:22px;font-family:Inter,sans-serif}@media (max-width: 500px){.display{padding:14px 16px 12px;min-height:68px;margin-bottom:14px}.display input{font-size:22px}.display input::placeholder{font-size:18px}}@media (max-width: 360px){.display input{font-size:18px}}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.keypad button{padding:15px 8px;border-radius:var(--r-sm);border:1px solid var(--border);font-size:14px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .15s var(--ease);position:relative;overflow:hidden;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.keypad button:active{transform:scale(.93)}.keypad button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .12s}.keypad button:hover:after{background:#ffffff0f}.btn-num{background:#151528;color:var(--text);border-color:#ffffff12}.btn-op{background:#7c3aed1f;color:var(--purple-light);border-color:#7c3aed38;font-size:16px}.btn-op:hover:after{background:#7c3aed1f!important}.btn-fn{background:#22d3ee12;color:var(--cyan);border-color:#22d3ee24;font-size:13px}.btn-fn:hover:after{background:#22d3ee1a!important}.btn-const{background:#f9731614;color:#fb923c;border-color:#f973162e;font-size:16px}.btn-danger{background:#ef444417;color:#f87171;border-color:#ef44442e}.btn-danger:hover:after{background:#ef44441f!important}.btn-eq{background:var(--grad);color:#fff;border-color:transparent;font-size:20px;font-weight:600;box-shadow:0 4px 20px #7c3aed66;grid-row:span 2}.btn-eq:hover{box-shadow:0 6px 32px #7c3aed99;transform:translateY(-1px)}.btn-eq:active{transform:scale(.96)!important}.btn-zero{grid-column:span 2}@media (max-width: 500px){.keypad{gap:5px}.keypad button{padding:13px 4px;font-size:13px}.btn-op{font-size:15px}.btn-fn{font-size:12px}.btn-const{font-size:14px}.btn-eq{font-size:18px}}@media (max-width: 380px){.keypad{gap:4px}.keypad button{padding:11px 2px;font-size:12px;border-radius:var(--r-xs)}.btn-op{font-size:14px}.btn-fn{font-size:11px}.btn-const{font-size:13px}.btn-eq{font-size:16px}}.add-form{display:flex;gap:10px;position:relative}.add-form__input{flex:1;padding:15px 22px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r-full);color:var(--text);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:var(--t);min-width:0}.add-form__input::placeholder{color:var(--text-3)}.add-form__input:focus{border-color:var(--purple);background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed1f}.add-form__btn{padding:15px 28px;border-radius:var(--r-full);border:none;background:var(--grad);color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:var(--t);box-shadow:0 4px 20px #7c3aed66;white-space:nowrap;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.add-form__btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed8c}.add-form__btn:active{transform:translateY(0)}.add-form__warn{position:absolute;bottom:-26px;left:22px;font-size:12px;color:#f87171;font-family:Inter,sans-serif;animation:WarnFade .2s var(--ease)}@keyframes WarnFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 420px){.add-form{flex-direction:column;gap:10px}.add-form__input{padding:14px 20px}.add-form__btn{width:100%;padding:14px 20px;text-align:center}.add-form__warn{position:static;margin-top:6px}}.todo-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--r-md);transition:var(--t);animation:ItemSlide .28s var(--ease)}@keyframes ItemSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.todo-item:hover{background:#7c3aed0d;border-color:#7c3aed38}.todo-item.done{opacity:.5}.todo-item__check{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;transition:var(--t);display:flex;align-items:center;justify-content:center;outline:none;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.todo-item__check:hover:not(.checked){border-color:var(--green);background:#10b9811a}.todo-item__check.checked{background:var(--green);border-color:var(--green);box-shadow:0 2px 12px #10b98166}.todo-item__check.checked:after{content:"";display:block;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px);border-radius:1px}.todo-item__text{flex:1;font-size:15px;font-family:Inter,sans-serif;color:var(--text);transition:var(--t);word-break:break-word;min-width:0}.todo-item.done .todo-item__text{text-decoration:line-through;color:var(--text-3)}.todo-item__delete{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(239,68,68,.18);background:#ef444412;color:#f87171;cursor:pointer;transition:var(--t);display:flex;align-items:center;justify-content:center;outline:none;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.todo-item__delete:before,.todo-item__delete:after{content:"";position:absolute;width:12px;height:2px;background:currentColor;border-radius:1px}.todo-item__delete:before{transform:rotate(45deg)}.todo-item__delete:after{transform:rotate(-45deg)}.todo-item__delete:hover{background:#ef44442e;border-color:#ef444466;transform:scale(1.1) rotate(10deg)}@media (max-width: 480px){.todo-item{padding:14px 16px;gap:12px}.todo-item__text{font-size:14px}}.todo-page{min-height:calc(100vh - 62px);padding:56px 24px 96px;background:radial-gradient(ellipse 70% 40% at 50% -5%,rgba(124,58,237,.14) 0%,transparent 65%),radial-gradient(ellipse 50% 30% at 10% 100%,rgba(236,72,153,.06) 0%,transparent 55%)}.todo-container{max-width:600px;margin:0 auto}.todo-header{text-align:center;margin-bottom:48px}.todo-header__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--r-md);background:var(--grad);margin-bottom:20px;box-shadow:0 8px 32px #7c3aed66;position:relative}.todo-header__icon:before{content:"";display:block;width:10px;height:18px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg) translate(-2px,-2px);border-radius:1px}.todo-header__title{font-family:Cinzel,serif;font-size:clamp(26px,5vw,44px);font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:.04em}.todo-header__meta{font-family:Inter,sans-serif;font-size:14px;color:var(--text-3);letter-spacing:.06em}.todo-header__meta span{color:var(--purple-light);font-weight:600}.todo-empty{text-align:center;padding:56px 0;color:var(--text-3);font-size:15px;font-family:Inter,sans-serif}.todo-empty__icon{display:block;width:36px;height:44px;margin:0 auto 20px;border:2px solid currentColor;border-radius:4px;opacity:.3;position:relative}.todo-empty__icon:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:14px;height:8px;background:var(--bg);border:2px solid currentColor;border-radius:4px 4px 0 0}.todo-empty__icon:after{content:"";position:absolute;top:12px;left:6px;right:6px;height:2px;background:currentColor;box-shadow:0 8px 0 currentColor,0 16px 0 currentColor;border-radius:1px}.task-list{display:flex;flex-direction:column;gap:10px}.todo-stats{display:flex;justify-content:space-between;align-items:center;padding:0 4px;margin-bottom:16px;font-family:Inter,sans-serif;font-size:12px;color:var(--text-3);letter-spacing:.04em}@media (max-width: 768px){.todo-page{padding:40px 20px 72px}.todo-header{margin-bottom:36px}}@media (max-width: 480px){.todo-page{padding:32px 16px 60px}.todo-header{margin-bottom:28px}.todo-header__icon{width:48px;height:48px;margin-bottom:16px}.todo-header__meta{font-size:13px}.todo-empty{padding:40px 0;font-size:14px}}