:root{color-scheme:light;--paper: #f8f7f3;--surface: #fffefa;--ink: #282923;--ink-muted: #77766e;--line: #e9e6df;--line-strong: #dcd7ce;--vermillon: #b84a3c;--vermillon-pale: #f6eae6;--font-ui: "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--vermillon)}.planning{display:block;--pink: #c84a6b;--pink-dark: #b43c5e;--rose: #fff0f3;--ink: #413842;--muted: #6e6770;--green: #7cbd91;color:var(--ink);max-width:1180px;margin:0 auto;padding:clamp(16px,3vw,38px)}.planning .card{border:1px solid #f3e6e9;background:#fff;border-radius:22px;box-shadow:0 8px 28px #74394b0b}.planning .hero{min-height:215px;position:relative;overflow:hidden;border-radius:28px;padding:clamp(28px,5vw,52px);display:flex;align-items:center;background:linear-gradient(110deg,#fff1f3 3%,#ffe9ee 53%,#f8d9e1)}.planning .hero-copy{z-index:1}.planning .eyebrow{display:block;color:#88525e;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.planning h1,.planning h2,.planning h3,.planning p{margin-top:0}.planning .hero h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:8px 0 0;letter-spacing:-.04em}.planning .hero-copy p{margin:2px 0 0;font-size:1.15rem;color:#896d76}.planning .japan-art{position:absolute;right:7%;bottom:0;width:min(42%,350px);height:100%}.planning .sun{position:absolute;width:108px;height:108px;border-radius:50%;background:#f6ad9d;right:31px;top:24px;opacity:.9}.planning .mountain{position:absolute;bottom:-24px;right:0;width:300px;height:160px;background:linear-gradient(135deg,#899cb1,#dce5e9 48%,#8094a8);clip-path:polygon(50% 0,100% 100%,0 100%)}.planning .mountain:after{content:"";position:absolute;top:0;left:37%;width:27%;height:40%;background:#fff9f4;clip-path:polygon(50% 0,100% 100%,0 100%)}.planning .torii{position:absolute;right:27%;bottom:13px;color:#c75868;font-size:74px;line-height:1;text-shadow:0 4px 8px rgba(120,70,81,.0941176471)}.planning .petal{position:absolute;color:#e995a8;font-size:25px}.planning .petal-one{left:10%;top:34%}.planning .petal-two{right:5%;top:50%;font-size:18px}.planning .section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:32px 0 17px}.planning .section-heading h2{margin:4px 0 0;font-size:1.45rem}.planning .button{min-height:46px;border:0;border-radius:14px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;transition:transform .16s,background .16s}.planning .button:hover{transform:translateY(-1px)}.planning .pink{color:#fff;background:var(--pink);box-shadow:0 7px 16px #de668332}.planning .pink:hover{background:var(--pink-dark)}.planning .soft{background:#f6f0f2;color:#685760}.planning .wide{width:100%;margin:16px 0}.planning .trip-grid,.planning .place-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.planning .trip-card{padding:0;overflow:hidden;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.planning .trip-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #74394b16}.planning .trip-art{height:140px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(165deg,#e6f0f3,#c6d7df)}.planning .trip-art:before{content:"";position:absolute;bottom:-56px;left:-5%;width:110%;height:135px;background:#799caf;clip-path:polygon(48% 0,100% 100%,0 100%)}.planning .trip-art:after{content:"";position:absolute;width:68px;height:68px;right:16%;top:17px;border-radius:50%;background:#f6c0b6}.planning .trip-art>span{z-index:1;color:#fff8ee;font-size:52px;font-weight:700;text-shadow:0 2px 8px rgba(61,101,116,.5019607843)}.planning .art-1{background:linear-gradient(#f9e9eb,#d9c0c9)}.planning .art-1:before{background:#879486;clip-path:polygon(0 48%,18% 48%,18% 30%,25% 30%,25% 48%,44% 48%,44% 18%,51% 18%,51% 48%,75% 48%,75% 27%,83% 27%,83% 48%,100% 48%,100% 100%,0 100%)}.planning .art-2{background:linear-gradient(#deedf0,#a9c4c9)}.planning .art-2:before{background:#81aaa0}.planning .art-3{background:linear-gradient(#f9e8d7,#d2b095)}.planning .art-3:before{background:#8b7875}.planning .trip-content{display:block;padding:18px 20px 21px}.planning .trip-top{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem}.planning .arrow{color:var(--pink);font-size:1.3rem}.planning .trip-date{display:block;color:var(--muted);font-size:.86rem;margin:5px 0 17px}.planning .progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.79rem;margin-bottom:7px}.planning .progress-label b{color:#618a6b}.planning .progress{height:8px;border-radius:10px;background:#edf1eb;overflow:hidden;display:block}.planning .progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.planning .small-link{display:block;text-align:right;color:var(--pink-dark);font-size:.8rem;font-weight:700;margin-top:15px}.planning .empty{text-align:center;padding:38px 22px;margin:12px 0 24px}.planning .empty h2{font-size:1.2rem;margin:10px 0}.planning .empty p{max-width:500px;margin:0 auto 18px;color:var(--muted);line-height:1.55}.planning .empty-art{color:#d97a90;font-weight:700;font-size:2rem}.planning .place-card{overflow:hidden}.planning .place-main{width:100%;border:0;background:none;padding:17px;display:flex;align-items:center;gap:15px;text-align:left;color:inherit;font:inherit;cursor:pointer}.planning .place-illustration{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#ffe8ed,#f7c8d2);color:#bd6275;font-size:1.8rem}.planning .place-1{background:linear-gradient(145deg,#e6f1f2,#c8dde0)}.planning .place-2{background:linear-gradient(145deg,#fff0df,#f5d6b7)}.planning .place-3{background:linear-gradient(145deg,#f0e7f5,#d9c9e8)}.planning .place-copy{min-width:0;flex:1;display:grid;gap:7px}.planning .place-copy strong{font-size:1.05rem}.planning .place-copy>span:nth-child(2){font-size:.78rem;color:var(--muted)}.planning .place-main>.arrow{font-size:1.5rem}.planning .place-actions{display:flex;justify-content:flex-end;gap:16px;padding:0 18px 12px}.planning .place-actions button,.planning .row-actions button{border:0;background:transparent;color:#9b6a78;font:inherit;font-size:.78rem;cursor:pointer;padding:6px}.planning .place-actions button:last-child{color:#aa6d72}.planning .subhero{display:flex;align-items:center;gap:20px;padding:25px 30px;margin:20px 0 28px;border-radius:24px;background:linear-gradient(110deg,#fff0f3,#f9e2e8);position:relative}.planning .subhero-mark{width:72px;height:72px;border-radius:22px;background:#fff9fa;display:grid;place-items:center;color:#d6788b;font-size:2.2rem}.planning .subhero h1{margin:5px 0;font-size:clamp(1.7rem,4vw,2.3rem)}.planning .subhero p{margin:0;color:var(--muted)}.planning .final-badge{margin-left:auto;padding:9px 13px;border-radius:30px;background:#fff;color:#a16b7a;font-size:.82rem}.planning .quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.planning .quick{border:1px solid #f2e7e9;text-align:left;padding:20px;display:grid;gap:8px;color:inherit;font:inherit;cursor:pointer}.planning .quick>span{font-size:1.5rem;color:var(--pink)}.planning .quick strong{font-size:.96rem}.planning .quick small{color:var(--muted)}.planning .crumbs{display:flex;align-items:center;gap:9px;color:#a18b91;font-size:.85rem}.planning .crumbs button{border:0;background:none;color:#a15d70;font:inherit;cursor:pointer;padding:4px}.planning .place-header .place-illustration{width:80px;height:80px;flex-basis:80px}.planning .tabbar{display:flex;gap:6px;border-bottom:1px solid #f1e5e8;margin:0 0 24px}.planning .tabbar button{background:none;border:0;border-bottom:3px solid transparent;padding:13px 17px;color:var(--muted);font:inherit;font-weight:600;cursor:pointer}.planning .tabbar button.active{border-bottom-color:var(--pink);color:#9e5268}.planning .tabbar button span{background:#fce7ec;border-radius:20px;padding:2px 8px;font-size:.76rem;margin-left:4px}.planning .activity-list{padding:4px 19px}.planning .activity-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #f5edef}.planning .activity-row:last-child{border-bottom:0}.planning .check{width:28px;height:28px;flex:0 0 28px;border:2px solid #edb8c5;border-radius:50%;background:#fff;color:#fff;font-size:.9rem;cursor:pointer}.planning .check.checked{border-color:#79b58b;background:#79b58b}.planning .category-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:14px;font-size:1.1rem}.planning .activity-copy{min-width:0;flex:1;display:grid;gap:4px}.planning .activity-copy strong{overflow-wrap:anywhere}.planning .activity-copy>span{color:var(--muted);font-size:.8rem}.planning .activity-copy .activity-meta{color:#a46b7b;font-size:.74rem}.planning .strike{text-decoration:line-through;color:#888}.planning .row-actions{display:flex;align-items:center;gap:2px}.planning .row-actions button:disabled{opacity:.35;cursor:default}.planning .info-card{padding:24px;line-height:1.65}.planning .info-card p{color:var(--muted);white-space:pre-wrap}.planning .day-card{padding:24px}.planning .day-card>label{display:block;font-weight:700;margin-bottom:8px}.planning .day-card input,.planning .dialog input,.planning .dialog textarea,.planning .dialog select{width:100%;box-sizing:border-box;min-height:46px;border:1px solid #e8d9de;border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit}.planning .day-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.planning .day-stat-grid>div{border-radius:16px;background:#fff6f7;padding:16px;display:grid;gap:5px}.planning .day-stat-grid strong{color:#c85f7a;font-size:1.7rem}.planning .day-stat-grid span{color:var(--muted);font-size:.82rem}.planning .report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:17px 0}.planning .report-list{padding:20px}.planning .report-list h2{font-size:1.05rem;margin-bottom:15px}.planning .report-list>p{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;margin:0;border-bottom:1px solid #f5edef;font-size:.87rem}.planning .report-list>p>span{color:#64a579;font-size:1.1rem}.planning .report-list small{grid-column:2;color:var(--muted)}.planning .report-list button{grid-column:3;grid-row:1/span 2;border:0;background:none;color:#a35d71;font:inherit;font-size:.76rem;cursor:pointer}.planning .report-list .muted{display:block;color:var(--muted)}.planning .closed-note{margin:15px 0;padding:14px;border-radius:13px;background:#edf7ee;color:#527c5c;text-align:center}.planning .summary-progress{display:flex;align-items:center;gap:20px;padding:23px;margin:15px 0}.planning .summary-progress>strong{font-size:2.6rem;color:#609a70}.planning .summary-progress>div{flex:1}.planning .summary-progress h2{font-size:1rem;margin:0 0 4px}.planning .summary-progress p{color:var(--muted);margin:0 0 10px;font-size:.85rem}.planning .notice{position:relative;background:#fff2e8;color:#77564d;padding:13px 42px 13px 16px;border-radius:12px}.planning .notice button{position:absolute;right:10px;top:8px;border:0;background:none;font-size:1.3rem;cursor:pointer;color:inherit}.planning .dialog-backdrop{position:fixed;z-index:1000;inset:0;background:#34252b88;display:grid;place-items:center;padding:16px;overflow:auto}.planning .dialog{width:min(100%,520px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px}.planning .dialog h2{margin-bottom:20px;font-size:1.35rem}.planning .dialog form{display:grid;gap:9px}.planning .dialog label{font-weight:650;font-size:.88rem;margin-top:5px}.planning .dialog textarea{resize:vertical}.planning .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:11px}.planning .form-error{margin:0;color:#a12d43;font-size:.88rem;font-weight:600}@media(max-width:700px){.planning{padding:14px}.planning .hero{min-height:185px;padding:25px 21px}.planning .japan-art{width:52%;right:-5%;opacity:.85}.planning .sun{width:74px;height:74px}.planning .mountain{width:225px;height:125px}.planning .torii{font-size:58px;right:22%}.planning .hero h1{font-size:2.4rem}.planning .section-heading{align-items:start;flex-direction:column;margin-top:25px}.planning .section-heading>.button{align-self:stretch}.planning .trip-grid,.planning .place-grid{grid-template-columns:1fr}.planning .trip-art{height:126px}.planning .trip-content{padding:16px}.planning .subhero{padding:19px;gap:13px}.planning .subhero-mark{width:56px;height:56px;flex:0 0 56px;border-radius:17px;font-size:1.8rem}.planning .subhero h1{font-size:1.6rem}.planning .final-badge{position:absolute;right:13px;top:12px;font-size:.7rem}.planning .quick-actions{grid-template-columns:1fr}.planning .quick{grid-template-columns:40px 1fr;align-items:center;padding:14px}.planning .quick>span{grid-row:span 2}.planning .quick small{grid-column:2}.planning .report-grid{grid-template-columns:1fr}.planning .activity-list{padding:4px 12px}.planning .activity-row{gap:8px;flex-wrap:wrap}.planning .category-icon{width:34px;height:34px;flex-basis:34px}.planning .activity-copy{flex-basis:calc(100% - 95px)}.planning .row-actions{margin-left:auto}.planning .row-actions button{font-size:.72rem}.planning .row-actions button:nth-child(1),.planning .row-actions button:nth-child(2){padding:7px 10px}.planning .place-main{padding:14px}.planning .day-card{padding:17px}.planning .day-stat-grid{gap:8px}.planning .day-stat-grid>div{padding:12px}.planning .report-list{padding:16px}.planning .summary-progress{padding:17px}.planning .summary-progress>strong{font-size:2rem}.planning .dialog{padding:20px}}@media(prefers-reduced-motion:reduce){.planning *,.planning *:before,.planning *:after{scroll-behavior:auto!important;transition:none!important}}
