@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Barlow:wght@400;500;700;800&display=swap";:root{font-family:Barlow,sans-serif;color:#fff7e6;background:#1b120d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{min-height:100vh;--ink: #fff7e6;--muted: rgba(255, 247, 230, .74);--panel: rgba(31, 23, 18, .82);--panel-strong: rgba(44, 31, 22, .92);--line: rgba(255, 247, 230, .22);--accent: #f47d22;--accent-strong: #d94618;--accent-soft: rgba(244, 125, 34, .18);--secondary: #f4c04d;--shadow: rgba(8, 5, 2, .36);--dropdown-bg: #7b3219;--dropdown-hover: #f47d22;--page-bg: radial-gradient(circle at 12% 12%, rgba(244, 192, 77, .3), transparent 30%), radial-gradient(circle at 85% 8%, rgba(244, 125, 34, .34), transparent 28%), linear-gradient(135deg, #2e1708 0%, #7c3215 45%, #1d130d 100%);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--page-bg);background-size:42px 42px,42px 42px,auto,auto,auto;color:var(--ink);overflow-x:hidden}.app-shell[data-theme=sakura]{--ink: #fff9fb;--muted: rgba(255, 249, 251, .76);--panel: rgba(50, 22, 34, .8);--panel-strong: rgba(74, 28, 45, .92);--line: rgba(255, 229, 238, .24);--accent: #ff729f;--accent-strong: #c82962;--accent-soft: rgba(255, 114, 159, .18);--secondary: #a8e6b0;--dropdown-bg: #7d294c;--dropdown-hover: #ff729f;--page-bg: radial-gradient(circle at 14% 16%, rgba(255, 196, 215, .42), transparent 30%), radial-gradient(circle at 88% 12%, rgba(168, 230, 176, .26), transparent 26%), linear-gradient(135deg, #351728 0%, #9e365e 48%, #20151a 100%)}.app-shell[data-theme=sasuke]{--ink: #eef2ff;--muted: rgba(238, 242, 255, .72);--panel: rgba(12, 16, 36, .84);--panel-strong: rgba(16, 21, 48, .94);--line: rgba(196, 205, 255, .24);--accent: #8d8cff;--accent-strong: #4f46e5;--accent-soft: rgba(141, 140, 255, .18);--secondary: #8be9ff;--dropdown-bg: #23245f;--dropdown-hover: #4f46e5;--page-bg: radial-gradient(circle at 16% 12%, rgba(139, 233, 255, .24), transparent 28%), radial-gradient(circle at 84% 16%, rgba(141, 140, 255, .34), transparent 28%), linear-gradient(135deg, #070915 0%, #252050 50%, #080a18 100%)}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";opacity:0;background-repeat:no-repeat;background-position:left top;background-size:auto 100vh;mix-blend-mode:screen;transition:opacity .18s ease}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";opacity:0;background-repeat:no-repeat;background-position:right top;background-size:auto 100vh;mix-blend-mode:screen;transition:opacity .18s ease}.app-shell[data-theme=naruto]:after{opacity:.42;background-image:linear-gradient(90deg,#1d130deb,#1d130d6b 54%,#1d130d14),url(/background/naruto-wallpaper.jpg)}.app-shell[data-theme=naruto]:before{opacity:.32;background-image:linear-gradient(90deg,#1d130d14,#1d130d59 46%,#1d130deb),url(/background/naruto-wallpaper2.jpg)}.app-shell[data-theme=sakura]:before{opacity:.24;background-image:linear-gradient(90deg,#20151a14,#20151a5c 48%,#20151ae6),url(/background/sakura-wallpaper2.jpg)}.app-shell[data-theme=sakura]:after{opacity:.3;background-image:linear-gradient(90deg,#20151aeb,#20151a75 54%,#20151a1a),url(/background/sakura-wallpaper.jpg)}.app-shell[data-theme=sasuke]:before{opacity:.26;background-image:linear-gradient(90deg,#080a1814,#080a1861 48%,#080a18eb),url(/background/sasuke-wallpaper2.jpg)}.app-shell[data-theme=sasuke]:after{opacity:.34;background-image:linear-gradient(90deg,#080a18f0,#080a187a 54%,#080a181a),url(/background/sasuke-wallpaper.jpg)}.topbar,.page,.banlist-page,.site-credit{position:relative;z-index:1}.mobile-nav{display:none}.topbar{z-index:3}.topbar{width:min(1360px,calc(100% - 2rem));margin:1rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:22px;padding:.8rem .95rem;background:linear-gradient(135deg,#ffffff21,#ffffff0d);box-shadow:0 18px 42px var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar__brand{display:grid;gap:.1rem}.topbar__brand strong{font-family:Cinzel,serif;font-size:1.12rem}.topbar__brand small{color:var(--muted);font-size:.74rem;font-weight:700}.topbar__eyebrow,.kicker{color:var(--secondary);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.topbar__actions{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;gap:.7rem}.nav-button-label{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.nav-button-icon{width:1rem;height:1rem;display:inline-flex;flex:0 0 auto}.nav-button-icon svg,.mobile-nav__icon svg{width:100%;height:100%}.topbar__link{display:grid;justify-items:center;gap:.08rem;min-width:178px;border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:.58rem .85rem;color:var(--ink);background:linear-gradient(135deg,var(--accent),var(--accent-strong));text-align:center;text-decoration:none;box-shadow:inset 0 1px #ffffff47,0 10px 24px #00000038}.topbar__link span{font-weight:800}.topbar__link small{font-size:.68rem;font-weight:700;color:#ffffffbd}.topbar-nav-button{min-height:52px;border:1px solid var(--line);border-radius:15px;padding:.72rem .9rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-weight:800}.topbar__actions>.topbar-nav-button:nth-child(1){min-width:112px}.topbar__actions>.topbar-nav-button:nth-child(2){min-width:108px}.topbar__actions>.topbar-nav-button:nth-child(3){min-width:190px}.topbar-dropdown{position:relative}.topbar-dropdown--theme{margin-left:auto;margin-right:auto}.topbar__actions .topbar-dropdown:last-of-type:after{position:absolute;top:100%;right:0;width:100%;height:10px;content:""}.topbar-dropdown__trigger{min-height:52px;border:1px solid var(--line);border-radius:15px;padding:.72rem .9rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-weight:800}.topbar-dropdown__menu{position:absolute;top:calc(100% - 1px);right:0;z-index:20;min-width:180px;display:grid;gap:.25rem;padding:.45rem;border:1px solid var(--line);border-radius:16px;background:var(--dropdown-bg);box-shadow:0 18px 42px var(--shadow);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .14s ease,transform .14s ease}.topbar__actions .topbar-dropdown:last-of-type .topbar-dropdown__menu{top:calc(100% + 8px);min-width:460px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.topbar__actions .topbar-dropdown:last-of-type .topbar-dropdown__trigger{min-width:138px}.topbar-dropdown:hover .topbar-dropdown__menu,.topbar-dropdown:focus-within .topbar-dropdown__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.topbar-dropdown:hover .topbar-dropdown__trigger,.topbar-dropdown:focus-within .topbar-dropdown__trigger{border-color:#ffffff38;box-shadow:inset 0 1px #ffffff24,0 0 0 3px color-mix(in srgb,var(--accent),transparent 72%),0 12px 24px #0000002e}.topbar-dropdown__item{border:0;border-radius:11px;padding:.58rem .7rem;color:var(--ink);background:transparent;cursor:pointer;font-weight:800;text-align:left;text-decoration:none}.topbar-dropdown__item:hover,.topbar-dropdown__item:focus{background:var(--dropdown-hover);color:#fff}.topbar-dropdown--theme .topbar-dropdown__trigger{min-width:148px;border-color:#ffffff38;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:inset 0 1px #ffffff38,0 12px 24px #0000002e}.topbar-dropdown__item[aria-checked=true]{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.page{width:min(1360px,100%);margin:0 auto;padding:1rem;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);grid-template-areas:"calculator result";gap:1rem}.events-page,.banlist-page{width:min(1360px,100%);margin:0 auto;padding:1rem}.panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--panel),rgba(255,255,255,.06));box-shadow:0 18px 48px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{padding:1rem}.calculator-panel{grid-area:calculator}.result-panel{grid-area:result}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}h2,h3{font-family:Cinzel,serif;margin:0;line-height:1.05}h2{font-size:clamp(1.25rem,2.4vw,1.65rem)}p{margin:.5rem 0}.muted{color:var(--muted)}button,.panel-action-button,.topbar-nav-button,.topbar-dropdown__trigger,.topbar-dropdown__item,.topbar__link{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}button:hover,.panel-action-button:hover,.topbar-nav-button:hover,.topbar-dropdown__trigger:hover,.topbar__link:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.7}.panel-action-button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:.52rem .78rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-size:.9rem;font-weight:800}.panel-action-button--primary{border-color:#ffffff2e;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 24px #0000002e}.banlist-panel,.events-panel{display:grid;gap:1rem}.event-tabs{display:flex;flex-wrap:wrap;gap:.65rem}.event-tab-button{border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-weight:800}.event-tab-button[aria-selected=true]{border-color:#ffffff2e;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 24px #0000002e}.event-tab-panel{display:grid;gap:1rem}.event-highlight-card,.anniversary-card{border:1px solid var(--line);border-radius:20px;padding:1rem;background:#ffffff0f}.event-highlight-card{display:grid;gap:.65rem}.event-actions{display:flex;flex-wrap:wrap;gap:.65rem}.event-wallet-preview{overflow:auto;border:1px solid var(--line);border-radius:18px;padding:.75rem;background:#00000029}.event-wallet-preview img{width:min(931px,100%);display:block;margin:0 auto;border-radius:12px}.event-search-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.event-search{flex:1 1 auto;display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:16px;padding:.65rem .8rem;background:#ffffff14}.event-search__icon{font-size:1rem}.event-search input{width:100%;border:0;padding:0;color:var(--ink);background:transparent;outline:none}.anniversary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.anniversary-card{display:grid;gap:.45rem}.anniversary-card h3{font-size:1.05rem}.anniversary-card p{margin:0;color:var(--secondary);font-weight:800}.anniversary-card--empty{place-items:center;color:var(--muted);text-align:center}.wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.wallet-card{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:20px;padding:1rem;background:#ffffff0f}.wallet-card .kicker{font-size:.9rem}.wallet-card h3{font-size:1.05rem}.wallet-card p{margin:0;color:var(--secondary);font-weight:800}.wallet-info{display:grid;gap:.2rem;border:1px solid var(--line);border-radius:16px;padding:.8rem;background:#ffffff0f}.wallet-info strong{color:var(--ink)}.wallet-info span{color:var(--secondary);font-weight:800}.wallet-info small{color:var(--muted);font-size:.78rem;font-weight:700}.banlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}.banlist-card{border:1px solid var(--line);border-radius:16px;padding:.75rem .85rem;color:var(--ink);background:#ffffff14;font-weight:800}form{display:flex;flex-direction:column;gap:.8rem;margin-top:.9rem}.ingredients-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.7rem}.ingredient-card{display:flex;gap:.65rem;align-items:center;border:1px solid var(--line);border-radius:18px;background:#ffffff14;padding:.55rem}.ingredient-card img{width:62px;height:62px;border:1px solid var(--line);border-radius:16px;background:#fffc}.ingredient-card div{width:100%;display:grid;gap:.32rem}input[type=number]{width:100%;border:1px solid var(--line);border-radius:12px;padding:.48rem;color:var(--ink);background:#0000002e;outline:none}input[type=number]:focus{border-color:var(--secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary),transparent 72%)}.strategy-list{display:grid;gap:.45rem}.strategy-option{display:flex;align-items:center;gap:.55rem;color:var(--muted)}button[type=submit]{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:.76rem .85rem;color:var(--ink);background:linear-gradient(135deg,var(--accent),var(--accent-strong));cursor:pointer;font-size:1rem;font-weight:800;box-shadow:0 14px 26px #0003}.strategy-current{color:var(--muted);font-weight:700}.strategy-note{margin:0;padding:.65rem .75rem;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--accent-soft)}.result-block{display:grid;gap:.85rem}.result-block article:not(.totals article){border:1px solid var(--line);border-radius:18px;padding:.8rem;background:#ffffff0f}.totals{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.65rem}.totals article{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--accent-soft),rgba(255,255,255,.07));padding:.75rem}.totals strong{color:var(--secondary);font-size:1.8rem}ul{margin:.35rem 0 0;padding-left:1rem}li+li{margin-top:.35rem}.cost-detail{display:block;margin-top:.15rem;color:var(--secondary);font-weight:800}.site-credit{width:min(1360px,calc(100% - 2rem));margin:0 auto;padding:0 0 1rem;color:var(--muted);font-size:.82rem;font-weight:800;text-align:right}.info-modal,.info-menu-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#050403b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-menu-modal__panel{width:min(420px,100%);max-height:min(900px,calc(100vh - 2rem));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--dropdown-bg);box-shadow:0 24px 72px #0000006b}.info-menu-modal__list{display:grid;gap:.45rem;overflow:auto;overscroll-behavior:contain;padding:.8rem}.info-menu-modal__item{border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:.85rem .9rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-weight:800;text-align:left;text-decoration:none}.info-menu-modal__item .nav-button-icon{width:1.05rem;height:1.05rem}.info-menu-modal__item .nav-button-icon svg path,.info-menu-modal__item .nav-button-icon svg circle,.info-menu-modal__item .nav-button-icon svg rect{stroke-width:2.15}.info-menu-modal__row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.info-menu-modal__item small{color:var(--muted);font-size:.72rem;font-weight:700;white-space:nowrap}.info-menu-modal__item:hover,.info-menu-modal__item:focus{background:var(--dropdown-hover)}.info-modal__panel{width:min(1120px,100%);max-height:min(900px,calc(100vh - 2rem));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--panel-strong),rgba(255,255,255,.08));box-shadow:0 24px 72px #0000006b}.info-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--line)}.info-modal__close{border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-weight:800}.info-modal__body{overflow:auto;padding:.85rem}.info-modal__body img{width:auto;max-width:none;display:block;margin:0 auto;border-radius:16px}.info-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.info-summary-card{display:grid;gap:.45rem;border:1px solid var(--line);border-radius:18px;padding:.95rem;background:#ffffff0f}.info-summary-card p{margin:0}.info-summary-card strong{color:var(--secondary);font-size:1.15rem}.info-summary-card__footer{border:1px solid var(--line);border-radius:14px;padding:.7rem .8rem;color:var(--secondary);background:#ffffff0f;font-weight:800}.info-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.info-gallery__card{display:grid;gap:.65rem}.info-gallery__card h3{font-size:1.05rem}.info-gallery__card img{width:100%;max-width:100%;display:block;margin:0;border-radius:16px}.flower-modal__panel{width:min(720px,100%)}.flower-calculator{display:grid;gap:1rem;overflow:auto;padding:1rem}.flower-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.flower-input-card{display:grid;gap:.4rem;border:1px solid var(--line);border-radius:16px;padding:.75rem;background:#ffffff14}.flower-input-card span,.flower-result span,.flower-details span{font-weight:800}.flower-input-card small,.flower-result small,.flower-details small{color:var(--muted);font-size:.78rem;font-weight:700}.flower-result{display:grid;gap:.25rem;border:1px solid var(--line);border-radius:18px;padding:1rem;background:linear-gradient(145deg,var(--accent-soft),rgba(255,255,255,.08))}.flower-result strong{color:var(--secondary);font-size:clamp(1.65rem,5vw,2.8rem);line-height:1}.flower-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.flower-details article{display:grid;gap:.25rem;border:1px solid var(--line);border-radius:16px;padding:.8rem;background:#ffffff0f}.flower-details strong{color:var(--secondary);font-size:1.45rem}@media(max-width:960px){.page{grid-template-columns:1fr;grid-template-areas:"calculator" "result"}}@media(max-width:1120px)and (min-width:621px){.topbar{flex-wrap:wrap;align-items:flex-start}.topbar__brand{flex:1 1 220px;min-width:0}.topbar__brand strong{font-size:1rem}.topbar__brand small{font-size:.68rem}.topbar-dropdown--theme{margin-left:0;margin-right:0}.topbar__actions{flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap}.topbar-nav-button,.topbar-dropdown__trigger{padding:.66rem .8rem;font-size:.94rem}.topbar__link{min-width:154px;padding:.52rem .75rem}}@media(max-width:620px){.app-shell:before{background-position:center top;background-size:auto 72vh}.app-shell[data-theme=naruto]:before,.app-shell[data-theme=sakura]:before,.app-shell[data-theme=sasuke]:before{opacity:.16}.app-shell[data-theme=sakura]:after,.app-shell[data-theme=naruto]:after{opacity:.24;background-position:center top;background-size:auto 78vh}.app-shell[data-theme=sasuke]:after{opacity:.2;background-position:center top;background-size:auto 78vh}.topbar{display:none}.mobile-nav{position:fixed;right:.5rem;bottom:.5rem;left:.5rem;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.6rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel-strong),rgba(255,255,255,.08));box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav__item{min-height:46px;display:grid;justify-items:center;gap:.22rem;border:1px solid var(--line);border-radius:14px;padding:.7rem .45rem;color:var(--ink);background:#ffffff14;cursor:pointer;font-size:.84rem;font-weight:800;text-align:center}.mobile-nav__icon{width:1.1rem;height:1.1rem;display:inline-flex}.mobile-nav__icon svg{filter:drop-shadow(0 0 .2px currentColor)}.mobile-nav__icon svg path,.mobile-nav__icon svg circle,.mobile-nav__icon svg rect{stroke-width:2.2}.mobile-nav__item[data-active=true]{border-color:#ffffff2e;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 24px #0000002e}.topbar-dropdown__menu,.topbar-dropdown:hover .topbar-dropdown__menu,.topbar-dropdown:focus-within .topbar-dropdown__menu{display:none}.panel-heading{align-items:stretch;flex-direction:column}.page,.events-page,.banlist-page{padding-bottom:1rem}.site-credit{margin-bottom:6.2rem;padding-bottom:1rem}.event-search-row,.event-actions,.panel-action-button{width:100%}.event-search-row{align-items:stretch;flex-direction:column}.event-actions .panel-action-button{width:auto}.ingredients-grid,.info-summary-grid,.info-gallery,.anniversary-grid,.wallet-grid,.flower-details,.flower-input-grid,.totals{grid-template-columns:1fr}.info-modal,.info-menu-modal{padding:.5rem}.mobile-sheet{align-items:center}.info-modal__panel,.info-menu-modal__panel{max-height:calc(100vh - 1rem);border-radius:18px}.mobile-sheet__panel{width:min(100%,420px);max-height:min(680px,calc(100vh - 2.5rem))}.mobile-sheet__panel .info-modal__header h2{font-size:1.7rem}.mobile-sheet__panel .info-menu-modal__list{gap:.65rem;padding:.95rem}.mobile-sheet__panel .info-menu-modal__item{min-height:58px;padding:1rem;font-size:1.08rem}.mobile-sheet__panel .nav-button-icon{width:1.12rem;height:1.12rem}.mobile-sheet__panel .info-menu-modal__item small{font-size:.82rem}.info-modal__header{align-items:stretch;flex-direction:column}.info-modal__close{width:100%}}