*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f5f0;color:#182f2a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bc7447;outline-offset:4px}header{max-width:1060px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800}.brand>span{font-size:18px;line-height:1.4}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}.pill{background:#e4ece5;padding:6px 12px;border-radius:30px;font-size:11px;white-space:nowrap}main{max-width:1004px;margin:auto;padding:0 24px 88px}.hero{position:relative;overflow:hidden;background:#173e36;border-radius:24px;color:#fff;padding:48px;min-height:350px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;opacity:.75}h1{font-size:42px;line-height:1.4;margin:18px 0;letter-spacing:2px}h2{font-size:23px;line-height:1.4;margin:6px 0 12px}.hero p{color:#cbded2;font-size:14px}.primary{border:0;background:#173e36;color:white;border-radius:10px;padding:13px 20px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px}.hero .primary{background:#e4efbf;color:#213d31;margin-top:10px}.hero-art{position:absolute;right:45px;top:70px;width:290px;height:240px;transform:rotate(-9deg)}.disc{position:absolute;width:220px;height:220px;border-radius:50%;background:conic-gradient(#e3eadf,#b8c8ac,#f8f5dd,#80997c,#e3eadf);right:0;box-shadow:0 20px 40px #071f3650}.disc:after{content:"";position:absolute;inset:90px;border-radius:50%;background:#173e36;border:6px solid #a6bda0}.ticket{position:absolute;left:0;bottom:0;padding:20px 22px;background:#e1eabf;color:#294a3d;border-radius:12px;box-shadow:0 20px 40px #0003;font-size:32px;font-weight:800;letter-spacing:5px;transform:rotate(16deg)}.ticket small{display:block;font-size:7px;letter-spacing:1px}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 0}.shortcuts a{background:white;border:1px solid #e2e7df;border-radius:14px;padding:18px 8px;text-align:center;font-size:12px;font-weight:600}.shortcuts b{display:block;font-size:24px;color:#49705d;font-weight:400;margin-bottom:4px}.panel{background:#fff;border:1px solid #e0e6dc;border-radius:20px;padding:30px;margin:0 0 24px}.section-head{display:flex;justify-content:space-between;align-items:center}.muted{font-size:13px;color:#6c7971}.fine{font-size:11px;color:#737e74;margin-bottom:0}.wide{width:100%}#add-form{display:flex;align-items:flex-end;gap:12px;margin:24px 0}label{font-size:12px;font-weight:600}#add-form label:first-child{flex:1}input:not([type=checkbox]){display:block;border:1px solid #ccd7ca;background:#fafbf8;border-radius:9px;padding:11px 12px;width:100%;margin-top:5px;min-width:0}.qty{width:85px}.item{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7ece2;padding:16px 0;gap:12px}.item strong{letter-spacing:1px}.item span{font-size:13px;color:#6c7971}.remove{background:none;border:0;color:#667869;padding:8px}.empty{padding:28px;text-align:center;background:#f7f8f3;border:1px dashed #d6dfcf;border-radius:12px;color:#80907b;font-size:13px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #e9eee4;gap:12px}.toggle-row strong{font-size:14px}.toggle-row small{display:block;font-size:11px;color:#7a8579;font-weight:400}.toggle-row input{width:22px;height:22px;accent-color:#173e36}.notification-icon{font-size:36px;color:#72936e}#account-box{background:#f3f6ee;padding:16px;border-radius:12px;margin:18px 0;font-size:12px}.secondary{border:1px solid #becdb7;background:#fff;border-radius:9px;padding:10px 16px;font-weight:600;min-height:44px}.text-button{display:block;margin:12px auto;background:none;border:0;text-decoration:underline;color:#677961;font-size:12px}.install{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 8px}.install h2{font-size:23px}.install p{font-size:13px;color:#6c7971}footer{padding:34px 0;text-align:center;border-top:1px solid #dce3d6;margin-top:24px;font-size:12px;color:#72816e}footer strong{font-size:18px;color:#36513d}.bottom-nav{position:fixed;bottom:0;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid #dce3d6;padding:15px 14px max(15px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;width:100%;font-size:12px;font-weight:600;z-index:5}dialog{max-width:440px;width:90%;border:0;border-radius:18px;padding:28px;box-shadow:0 10px 80px #0004}dialog::backdrop{background:#182f2a77}dialog p{font-size:14px}[hidden]{display:none!important}@media(min-width:850px){#list,#notifications{scroll-margin-top:20px}.bottom-nav{max-width:550px;left:50%;transform:translateX(-50%);border-radius:18px 18px 0 0;box-shadow:0 -4px 22px #182f2a0c}}@media(max-width:680px){header{padding:20px}.hero{padding:30px 24px;min-height:340px}h1{font-size:30px}.hero-art{right:-65px;top:154px;transform:scale(.62) rotate(-9deg);transform-origin:right top;opacity:.8}.hero p,.hero .primary{position:relative;z-index:1}main{padding:0 16px 90px}.shortcuts{gap:7px;padding:16px 0}.shortcuts a{font-size:10px;padding:13px 3px}.panel{padding:22px 18px}#add-form{gap:8px}.qty{width:64px}#add-form .primary{padding:12px}h2{font-size:21px}.install{display:block}.install .secondary{margin-top:8px}}