:root{--paper:#f6f2ea;--ink:#393e34;--muted:#7b7f70;--green:#59684d;--line:#dedfd3;--rose:#eadcd0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a0ad84;outline-offset:4px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:100px;max-width:1280px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:32px;color:var(--green)}.brand span{font-family:Georgia,serif;font-size:26px;letter-spacing:-1px}#header-note{font-size:12px;color:var(--muted)}#account{display:flex;align-items:center;gap:25px}#hello{text-transform:capitalize;font-size:13px}.text-button{border:0;background:transparent;color:var(--muted);padding:5px;font-size:12px}.text-button:hover{color:var(--ink)}main{max-width:1152px;margin:auto;padding:0 0 65px}h1,h2,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;letter-spacing:-3px;font-size:76px;margin:22px 0}h1 em{font-weight:400;color:var(--green)}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;color:var(--green)}p{color:var(--muted)}#login-view{min-height:690px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding:55px 60px}.login-story{position:relative}.login-story p{font-size:14px;line-height:1.9}.login-card{background:#fffdf7;border:1px solid #e6e4d9;padding:40px;border-radius:15px;box-shadow:0 15px 55px #4d4b3310}.tiny-flower{color:var(--green);font-size:33px}h2{font-family:Georgia,serif;letter-spacing:-.7px;font-weight:400;font-size:29px;line-height:1.25;margin:12px 0}.login-card>p{font-size:13px;margin-bottom:28px}label{display:block;font-size:12px;color:#555d4f;margin:18px 0 0}input,textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #dcded2;border-radius:6px;background:#fffef9;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #59684d12}input::placeholder,textarea::placeholder{color:#a0a295}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:6px;padding:12px 22px;border:1px solid var(--green);background:var(--green);color:#fffdf7;font-size:12px}.primary:hover{background:#46563b}.secondary{background:transparent;color:var(--green);border-color:#ccd1be}.secondary:hover{background:#e9ecdf}.login-card .primary{width:100%;justify-content:space-between}.private-note{font-size:10px;color:var(--muted);text-align:center;margin-top:25px}.error{color:#a04836;font-size:12px;min-height:0;margin:10px 0}.error:empty{display:none}.still-life{height:130px;position:relative;margin-top:30px;width:300px;border-bottom:1px solid #cfcebb}.book{position:absolute;bottom:0;left:112px;background:#c5b89a;width:130px;height:24px;transform:rotate(-3deg);border-radius:2px;color:#6f644a;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:12px;box-shadow:0 -6px 0 #e3d5bb}.cup{position:absolute;bottom:26px;left:170px;background:#c48263;width:51px;height:41px;border-radius:3px 3px 22px 22px}.cup:after{content:'';position:absolute;right:-17px;top:4px;width:19px;height:24px;border:5px solid #c48263;border-radius:50%}.vase{position:absolute;bottom:0;left:31px;width:60px;height:66px;border-radius:15px 15px 22px 22px;background:#b4bea1}.vase i{position:absolute;bottom:50px;left:30px;height:65px;width:2px;background:#687956;transform:rotate(-20deg)}.vase i:after{content:'';position:absolute;top:0;left:0;width:22px;height:10px;background:#899872;border-radius:0 90%}.vase i:nth-child(2){transform:rotate(25deg);height:80px}.vase i:nth-child(3){transform:rotate(3deg);height:100px}.spark{position:absolute;color:#a9ac87}.s1{left:125px;top:4px;font-size:30px}.s2{right:0;top:30px;font-size:32px}.intro{padding:65px 0 42px;display:flex;justify-content:space-between;align-items:center}.intro h1{font-size:68px;position:relative}.intro p{font-size:13px}.title-star{font-family:Arial,sans-serif;font-size:65px;font-style:normal;display:inline-block;color:#a9ae8d;margin-left:14px;transform:rotate(12deg)}.intro-note{font-family:Georgia,serif;font-style:italic;color:#92967f;font-size:19px;line-height:1.6;transform:rotate(-9deg);padding-right:35px}.intro-note span{display:block;font-size:36px;padding-left:65px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;gap:16px}#tabs{display:flex;gap:10px}.tab{background:transparent;border:1px solid transparent;border-radius:30px;padding:9px 22px;color:var(--muted);font-size:12px}.tab.active{background:#e5e8dc;color:#48563f;border-color:#d6dccb}.list-caption{display:flex;justify-content:space-between;margin:26px 0 20px;font-size:12px;color:var(--muted)}#count{font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.wish-card{border:1px solid #e2e2d6;border-radius:12px;background:#fcfaf4;overflow:hidden}.product-visual{position:relative;display:block;aspect-ratio:1.17;background:#eceadd;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transition:transform .4s}.product-visual:hover img{transform:scale(1.04)}.image-placeholder{display:grid;place-items:center;height:100%;font-size:70px;color:#a3ad8a;background:radial-gradient(ellipse at center,#f2f0e5,#e8e6d9)}.card-body{padding:23px}.shop-name{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.card-body h2{font-size:23px;margin:10px 0;overflow-wrap:anywhere}.price{font-size:13px;color:var(--green)}.item-note{font-size:12px;margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:24px;border-top:1px solid var(--line);padding-top:13px}.shop-link{font-size:11px;color:var(--green)}.card-actions{display:flex;gap:6px}.card-actions .text-button{font-size:10px}.empty{text-align:center;border:1px dashed #d6d9ca;border-radius:12px;padding:42px 20px 48px;background:#f9f7ef}.empty>span{font-size:48px;color:#9aa783}.empty h2{font-size:27px}.empty p{font-size:13px}.empty button{margin-top:7px}footer{border-top:1px solid var(--line);max-width:1152px;margin:0 auto;padding:25px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}footer span:first-child{font-size:9px;letter-spacing:1.5px}dialog{border:1px solid #dedfd1;border-radius:14px;background:#faf8f0;color:var(--ink);width:560px;max-width:calc(100vw - 28px);max-height:90vh;padding:28px 32px;box-shadow:0 20px 100px #20281e33}dialog::backdrop{background:#303a2c66;backdrop-filter:blur(4px)}.modal-top{display:flex;justify-content:space-between;align-items:center}.icon-button{background:transparent;border:0;font-size:28px;color:var(--muted);padding:0 5px}dialog h2{font-size:33px;margin:8px 0}dialog p{font-size:12px}.link-input{display:flex;align-items:stretch;gap:7px}.link-input input{min-width:0}.link-input button{margin-top:7px;flex-shrink:0;padding:8px 12px;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1.7fr;gap:16px}.optional{font-size:10px;color:var(--muted)}.hint{font-size:10px!important;margin:10px 0 0;color:var(--muted)}dialog .primary{width:100%;margin-top:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:8px;background:var(--ink);color:var(--paper);padding:12px 25px;box-shadow:0 8px 20px #3332;max-width:90vw;width:max-content;font-size:12px}
@media(min-width:1400px){#login-view{min-height:760px}}@media(max-width:1200px){header{padding:0 35px}main,footer{margin-left:35px;margin-right:35px}#login-view{padding:45px 15px;gap:50px}h1{font-size:66px}.grid{gap:18px}}@media(max-width:800px){header{height:80px;padding:0 22px}main,footer{margin-left:22px;margin-right:22px}#login-view{gap:25px;padding:40px 0}.login-card{padding:25px}h1{font-size:56px}.intro h1{font-size:55px}.intro-note{display:none}.intro{padding-top:45px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.title-star{font-size:45px}.brand span{font-size:23px}#header-note{font-size:10px}}@media(max-width:580px){header{height:73px}.brand{gap:7px;font-size:27px}.brand span{font-size:22px}#header-note{display:none}#account{gap:10px}#hello{font-size:11px}#login-view{grid-template-columns:1fr;gap:20px;padding-top:35px}.login-story h1{font-size:53px;line-height:1.05;margin:16px 0}.login-story h1 br:nth-of-type(2){display:none}.login-story p{font-size:12px}.still-life{display:none}.login-card{padding:27px}.login-card h2{font-size:27px}.intro h1{font-size:49px;letter-spacing:-2px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro p{font-size:12px;max-width:260px}.title-star{font-size:34px;margin-left:0}.intro{padding:35px 0 24px}.list-toolbar{align-items:center;gap:8px}.tab{font-size:11px;padding:8px 11px}#tabs{gap:2px}.list-toolbar .primary{font-size:11px;padding:10px 13px;white-space:nowrap}.grid{grid-template-columns:1fr}.card-body{padding:21px}.product-visual{aspect-ratio:1.3}.empty{padding:28px 15px 35px}.empty h2{font-size:23px}.empty p{font-size:12px}footer{flex-direction:column;gap:8px}dialog{padding:22px}.form-row{grid-template-columns:1fr}.form-row label+label{margin-top:8px}.link-input{flex-direction:column}.link-input button{margin-top:0;align-self:flex-end}.list-caption{font-size:11px}}
@media(max-width:580px){
 body{font-size:15px}header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}main,footer{margin-left:18px;margin-right:18px}input,textarea{font-size:16px;min-height:48px;padding:12px}label{font-size:13px}.primary,.secondary{min-height:48px;font-size:14px}.login-card .primary{margin-top:18px}.login-card>p,.login-story p{font-size:14px}.private-note{font-size:11px}.text-button{min-height:44px;min-width:44px;font-size:12px}.intro p{font-size:14px;max-width:310px}.list-toolbar{position:sticky;top:0;z-index:2;background:var(--paper);padding:12px 0;flex-wrap:wrap;gap:10px}#tabs{width:100%;display:flex;gap:8px}.tab{flex:1;min-height:46px;font-size:13px;padding:10px 12px}.list-toolbar .primary{width:100%;min-height:48px;font-size:14px}.list-caption{font-size:12px;margin-top:20px}.shop-name{font-size:10px}.card-body h2{font-size:26px}.price{font-size:15px}.item-note{font-size:14px}.shop-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.card-actions .text-button{font-size:12px;min-width:52px}.empty p{font-size:14px}.empty .secondary{width:100%;max-width:300px}.empty h2{font-size:26px}dialog{max-height:calc(100dvh - 24px);padding:20px;overscroll-behavior:contain;scroll-padding-bottom:25px}dialog h2{font-size:30px}dialog p{font-size:13px}.hint{font-size:12px!important}.link-input button{width:100%;font-size:13px;min-height:44px}.form-row{gap:0}.icon-button{min-width:44px;min-height:44px}.optional{font-size:12px}footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}#toast{bottom:max(20px,env(safe-area-inset-bottom));font-size:13px}
}
@media(max-width:360px){.brand span{font-size:20px}.brand{font-size:24px;gap:5px}#account{gap:2px}#hello{font-size:10px}#logout{font-size:11px}.login-story h1{font-size:46px}.intro h1{font-size:43px}.title-star{font-size:29px}.eyebrow{letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#imported-image{display:block;width:100%;height:145px;object-fit:contain;background:#eeede3;border-radius:8px;margin-top:16px}
