.soso-icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.soso-demo nav button{display:flex;align-items:center;gap:10px}.soso-demo .tile .soso-icon{width:25px;height:25px;color:#6250ee}.soso-demo .stat-icon .soso-icon{width:17px;height:17px}.plan-shortcut{display:flex;gap:13px;align-items:center;background:#eae0ff;border:1px solid #cbb8f0;border-radius:17px;padding:17px;margin-bottom:26px}.plan-shortcut>.soso-icon{width:30px;height:30px;color:#7753c8}.plan-shortcut>div{flex:1}.plan-shortcut strong{font-size:13px}.plan-shortcut p{font-size:11px;margin:5px 0 0;color:#8a739f}.plan-shortcut .btn{min-height:40px;font-size:11px}.plan-info{display:flex;gap:13px;padding:19px;border-radius:17px;background:#eee6ff;color:#706080;margin-bottom:25px}.plan-info p{margin:0;font-size:12px;line-height:1.75}.plan-info>.soso-icon{color:#8861c2;margin-top:3px}.wish-grid{display:grid;gap:22px}.wish-card{background:white;border:1.5px solid #282442;border-radius:23px;padding:25px;box-shadow:4px 4px 0 #e3d4fc;min-width:0}.wish-card.planned{box-shadow:4px 4px 0 #cfebad}.wish-card.requested{box-shadow:4px 4px 0 #ffd89c}.wish-card.delivered{box-shadow:4px 4px 0 #acecd3}.wish-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.wish-art{width:55px;height:55px;background:#e9ddff;border-radius:17px;display:grid;place-items:center;flex-shrink:0}.wish-art>.soso-icon{width:29px;height:29px;color:#7350c8}.wish-status{font-size:10px;font-weight:650;background:#f0ebf7;border-radius:99px;padding:7px 10px;color:#8c779e}.requested .wish-status{background:#fff0c2;color:#8d6919}.delivered .wish-status{background:#dbf6df;color:#43794c}.wish-card h2{font-size:25px;margin:11px 0 14px;font-weight:750;letter-spacing:-.7px;line-height:1.2}.wish-card>p{font-size:13px;color:#877394;line-height:1.8;margin-bottom:18px}.wish-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.wish-actions .btn{font-size:12px}.plan-period{display:flex;gap:7px;align-items:center;padding:10px;border-radius:9px;background:#f5f1fa;font-size:11px;color:#8b749a;margin:19px 0}.plan-period>.soso-icon{width:17px;height:17px}.plan-total{display:flex;justify-content:space-between;align-items:baseline;margin:17px 0 11px}.plan-total strong{font-size:27px}.plan-total strong small{font-size:11px;font-weight:400;color:#9b8ba4}.plan-total>span{font-size:12px;font-weight:650;color:#8a6bc1}.plan-tasks{margin:22px 0}.plan-task{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee6f6;padding:14px 0}.task-symbol{width:39px;height:39px;background:#eae1fb;display:grid;place-items:center;border-radius:12px;flex-shrink:0;color:#8663bf}.plan-task>div{flex:1;min-width:0}.plan-task strong{font-size:12px;line-height:1.5;display:block}.plan-task small{display:block;font-size:10px;color:#9a86a7;margin-top:4px}.plan-task .btn{padding:8px;min-width:39px;min-height:39px}.plan-task .soso-icon{width:19px;height:19px}.plan-note{font-size:11px!important;color:#9a85a6!important;line-height:1.7!important}.plan-pending{background:#fff5d6;border-radius:12px;font-size:11px;padding:13px;color:#a18643;margin:20px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.plan-pending .btn{font-size:10px;min-height:37px}.goal-delivered{background:#e6f8e8;color:#5c8b64;display:flex;align-items:center;gap:8px;font-size:12px;padding:14px;border-radius:12px}.calendar-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:25px 0 20px;flex-wrap:wrap}.calendar-toolbar>div{display:flex;align-items:center;gap:12px}.calendar-toolbar h2{margin:0;font-size:22px;text-transform:capitalize;min-width:150px;text-align:center}.calendar-toolbar .btn{min-width:40px;min-height:40px;padding:8px 12px}.calendar-toolbar select{width:auto;margin:0;font-size:12px;max-width:190px;border:1px solid #e1d3f1;min-height:42px}.calendar-toolbar>div>span{color:#a28ab2;font-size:12px}.calendar-legend{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:#9c87ab;margin:20px 0}.calendar-legend>span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.calendar-legend .approved{background:#bfe69c}.calendar-legend .pending{background:#f6d989}.calendar-legend .scheduled{border:1px dashed #b8a8c9;background:white}.calendar-layout{display:grid;gap:22px}.calendar-box{background:#fff;border:1.5px solid #ded0ef;border-radius:22px;padding:15px;overflow:hidden}.week-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:10px;color:#b6a7bf;padding:8px 0 12px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-day{position:relative;min-width:0;min-height:80px;padding:7px;border:1px solid #eee6f5;border-radius:11px;background:#fff;color:#62516e;text-align:left;align-self:stretch}.calendar-day strong{font-size:12px;font-weight:500}.calendar-day.outside{background:#faf8fd;color:#ccbed8}.calendar-day.today>strong{background:#6250ee;color:white;border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;margin:-2px 0 0 -2px}.calendar-day.selected{border:2px solid #9671d0;background:#f7f2ff;padding:6px}.day-icons{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px;align-items:center}.day-event{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e5f3d8;color:#69914a}.day-event .soso-icon{width:15px;height:15px}.day-event.pending{background:#fff0c4;color:#a78c45}.day-event.retry{background:#ffe5da;color:#b4866e}.day-event.scheduled{background:#fff;border:1px dashed #c9b7dc;color:#bfabd1}.day-icons small{font-size:9px;color:#c2afd1}.day-detail{background:#fff;border:1.5px solid #ded0ef;border-radius:22px;padding:23px}.day-detail h2{font-size:28px;letter-spacing:-.6px;margin:10px 0 22px}.day-activity{display:flex;gap:12px;border-bottom:1px solid #f0e8f7;padding:14px 0}.day-activity .task-symbol{background:#e5f3d8;color:#85a66c}.day-activity.pending .task-symbol{background:#fff0c4;color:#a78c45}.day-activity.scheduled .task-symbol{background:white;border:1px dashed #d0bedf;color:#b6a0c8}.day-activity strong{font-size:12px;line-height:1.5}.day-activity p{font-size:10px;color:#b5a0c3;margin:5px 0}.day-activity small{font-size:10px;color:#c2aecf}.day-detail>.btn{margin-top:20px;width:100%;font-size:12px}.calendar-empty{padding:25px 0 30px;color:#d2c0e0;text-align:center}.calendar-empty>.soso-icon{width:40px;height:40px;color:#c8b1db}.calendar-empty p{font-size:13px;margin:17px 0 10px;color:#a78fba}.calendar-empty small{font-size:10px}.calendar-footnote{margin-top:23px;color:#ac96bd;font-size:10px;line-height:1.7}.more-grid{display:grid;gap:15px}.more-tile{background:#fff;border:1.5px solid #e1d3f1;display:flex;align-items:center;gap:15px;border-radius:17px;padding:23px;color:#8360b5;text-align:left}.more-tile>strong{flex:1;color:#5a456e;font-size:15px}.soso-demo dialog.wide-dialog{width:min(650px,calc(100% - 28px));max-height:90dvh;overflow:auto}.plan-builder-task{background:#f9f5ff;border:1px solid #eadff5;border-radius:17px;padding:18px;margin:20px 0}.builder-row-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.builder-row-heading strong{font-size:12px;color:#9d82b2}.builder-grid{display:grid;gap:0 15px}.builder-help{font-size:11px!important;color:#a890b8!important;line-height:1.7}.soso-demo dialog label{font-size:12px;line-height:1.5}.soso-demo dialog .dialog-actions{flex-wrap:wrap}.soso-demo dialog h2>.soso-icon{vertical-align:middle;margin-right:5px}.soso-demo .wish-card .notice{font-size:12px}.soso-demo nav em{position:absolute;right:10px;top:3px}
@media(min-width:900px){.wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-layout{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.calendar-day{min-height:95px}.builder-grid{grid-template-columns:1fr 1fr}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.soso-demo nav button{width:20%;flex-direction:column;gap:5px;font-size:9px}.soso-demo nav button>.soso-icon{width:22px;height:22px}.soso-demo .intro{gap:17px}.soso-demo .intro h1{font-size:28px;line-height:1.18}.soso-demo .intro p{font-size:12px}.wish-card{padding:21px}.wish-card h2{font-size:25px}.plan-info{padding:16px}.calendar-toolbar{gap:17px}.calendar-toolbar>div:first-child{justify-content:space-between;width:100%}.calendar-toolbar h2{font-size:22px}.calendar-toolbar>div:last-child{width:100%;justify-content:space-between}.calendar-box{padding:9px;border-radius:19px}.month-grid{gap:3px}.calendar-day{min-height:77px;padding:5px;border-radius:9px}.calendar-day.selected{padding:4px}.calendar-day strong{font-size:11px}.day-event{width:21px;height:21px;border-radius:6px}.day-event .soso-icon{width:14px;height:14px}.day-icons{gap:2px}.calendar-legend{gap:13px;font-size:10px}.calendar-day.today>strong{width:21px;height:21px;margin:0}.plan-shortcut{padding:14px;gap:10px}.plan-shortcut p{font-size:10px;line-height:1.5}.plan-shortcut strong{font-size:12px}.plan-shortcut>.soso-icon{width:24px;height:24px}.plan-shortcut .btn{padding:8px;min-width:45px}.plan-task strong{font-size:13px}.plan-task small{font-size:10px}.wish-actions>.btn{flex:1}.soso-demo .calendar-toolbar .btn{min-height:43px}}
.plan-task>div.task-symbol{flex:none}.plan-info p,.wish-card>p,.plan-period,.plan-task small,.plan-note,.calendar-legend,.day-activity p,.day-activity small,.calendar-footnote,.builder-help,.calendar-toolbar>div>span{color:#766183!important}.calendar-empty p,.calendar-empty small{color:#806b91}.calendar-day.outside{color:#8c789b}.plan-shortcut p{color:#806998}.calendar-day .day-icons small{color:#8a739b}

.soso-demo nav button{position:relative}.day-detail{scroll-margin-top:90px}